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
)
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49webkit
See notes:
|
|||||||||||||||||
56webkit
See notes:
|
9.3webkit
See notes:
|
4.4 | |||||||||||||||
14 | 52
See notes:
|
57 | 10webkit
See notes:
|
10.0-10.2webkit
See notes:
|
4.4.3-4.4.4 | 4 | |||||||||||
11 | 15 | 53
See notes:
|
58 | 10.1webkit
See notes:
|
44 | 10.3webkit
See notes:
|
all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2 | 7.12 |
54
See notes:
|
59 | TPwebkit
See notes:
|
45 | ||||||||||||||
55
See notes:
|
60 | 46 | |||||||||||||||
56
See notes:
|
61 |
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 valuesnone
andskip
(other values behave likenone
orskip
) -
4
Partial support refers to not supporting the
text-decoration-skip
property.
Links
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