CSS text-decoration-color Property
The color of the underline, overline, or line-through on text with the text-decoration property set. It can also change the color of links' underlines.
In the scope of the property's value, the color applies to decorations such as underlines, overlines, strikethroughs, and wavy lines such as those used to mark misspellings.
CSS does not provide an easy way to specify a different color for each line type. This effect can be achieved by nesting elements, applying a different line type to each element (via the text-decoration-line property), and specifying the line color (via the text-decoration-color property) on an element-by-element basis.
Syntax
Property Values
| Value | Description |
|---|---|
| color | The colour of the text decoration is specified here. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| text-decoration-color | 57.0 |
36.0
6.0 -moz- |
12.1
7.1 -webkit- |
79.0 | 44.0 |