text-decoration styling

text-decoration styling

Method of defining the type, style and color of lines in the text-decoration property. These can be defined as shorthand (e.g. text-decoration: line-through dashed blue) or as single properties (e.g. text-decoration-color: blue)

Spec http://www.w3.org/TR/css-text-decor-3/#line-decoration
Status W3C Candidate Recommendation
IE Edge Firefox Chrome Safari Opera
    57 (4) 62    
    56 (4) 61 TP (2,3,*) 48
  16 55 (4) 60 11 (2,3,*) 47
11 15 54 (4) 59 10.1 (2,3,*) 46
10 14 53 (4) 58 10 (2,3,*) 45
9 13 52 (4) 57 9.1 (2,3,*) 44
8 12 51 (4) 56 (1,*) 9 (2,3,*) 43 (1,*)
Show all
7   50 (4) 55 (1,*) 8 (2,3,*) 42 (1,*)
6   49 (4) 54 (1,*) 7.1 (2,4,*) 41 (1,*)
5.5   48 (4) 53 (1,*) 7 40 (1,*)
    47 (4) 52 (1,*) 6.1 39 (1,*)
    46 (4) 51 (1,*) 6 38 (1,*)
    45 (4) 50 (1,*) 5.1 37 (1,*)
    44 (4) 49 (1,*) 5 36 (1,*)
    43 (4) 48 (1,*) 4 35 (1,*)
    42 (4) 47 (1,*) 3.2 34
    41 (4) 46 (1,*) 3.1 33
    40 (4) 45 (1,*)   32
    39 (4) 44 (1,*)   31
    38 (4) 43 (1,*)   30
    37 (4) 42 (1,*)   29
    36 (4) 41 (1,*)   28
    35 (4,*) 40 (1,*)   27
    34 (4,*) 39 (1,*)   26
    33 (4,*) 38 (1,*)   25
    32 (4,*) 37 (1,*)   24
    31 (4,*) 36 (1,*)   23
    30 (4,*) 35 (1,*)   22
    29 (4,*) 34 (1,*)   21
    28 (4,*) 33 (1,*)   20
    27 (4,*) 32 (1,*)   19
    26 (4,*) 31 (1,*)   18
    25 (4,*) 30 (1,*)   17
    24 (4,*) 29 (1,*)   16
    23 (4,*) 28 (1,*)   15
    22 (4,*) 27 (1,*)   12.1
    21 (4,*) 26 (1,*)   12
    20 (4,*) 25   11.6
    19 (4,*) 24   11.5
    18 (4,*) 23   11.1
    17 (4,*) 22   11
    16 (4,*) 21   10.6
    15 (4,*) 20   10.5
    14 (4,*) 19   10.0-10.1
    13 (4,*) 18   9.5-9.6
    12 (4,*) 17   9
    11 (4,*) 16    
    10 (4,*) 15    
    9 (4,*) 14    
    8 (4,*) 13    
    7 (4,*) 12    
    6 (4,*) 11    
    5 10    
    4 9    
    3.6 8    
    3.5 7    
    3 6    
    2 5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11 (2,*)                      
10.3 (2,*) all 56 10 37 59 54 11 11.4 5 1.2 7.12
10.0-10.2 (2,*)   4.4.3-4.4.4 7 12.1     10   4    
9.3 (2,*)   4.4   12              
9.0-9.2 (2,*)   4.2-4.3   11.5              
Show all
8.1-8.4 (2,*)   4.1   11.1              
8 (2,*)   4   11              
7.0-7.1   3   10              
6.0-6.1   2.3                  
5.0-5.1   2.2                  
4.2-4.3   2.1                  
4.0-4.1                      
3.2                      

Notes

All browsers support the CSS2 version of text-decoration, which matches only the text-decoration-line values (underline, etc.)

  1. Enabled in Chrome through the "experimental Web Platform features" flag in chrome://flags

  2. Partial support refers to not supporting the text-decoration-style property.

  3. Safari 8+ supports -webkit-text-decoration-skip with values none and skip (other values behave like none or skip)

  4. Partial support refers to not supporting the text-decoration-skip property.

* Partial support with prefix.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=text-decoration

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部