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.




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-
7.1 -webkit-
79.0 44.0