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.)
Enabled in Chrome through the "experimental Web Platform features" flag in chrome://flags
Partial support refers to not supporting the
text-decoration-style
property.Safari 8+ supports
-webkit-text-decoration-skip
with valuesnone
andskip
(other values behave likenone
orskip
)Partial support refers to not supporting the
text-decoration-skip
property.
- * Partial support with prefix.
Resources
- Mozilla Developer Network (MDN) documentation - text-decoration-style
- Mozilla Developer Network (MDN) documentation - text-decoration-color
- Mozilla Developer Network (MDN) documentation - text-decoration-line
- Microsoft Edge feature request on UserVoice
- MDN Documentation for text-decoration-skip
- Firefox implementation bug
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=text-decoration