CSS text-decoration-color property

Definition and Usage

The text-decoration-color property specifies the color of the text-decoration (underline, overline, line-through).

See also:

CSS Tutorial:CSS Text

HTML DOM Reference Manual:textDecorationColor Property

Example

Set the color of text-decoration to red:

p {
  text-decoration: underline;
  text-decoration-color: red;
}

Try It Yourself

CSS Syntax

text-decoration-color: color|initial|inherit;

Property Value

Value Description
color Specifies the color of the text-decoration.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical Details

Default Value: currentColor
Inheritance: No
Animation Creation: Supported. See also:Animation-Related Properties.
Version: CSS3
JavaScript Syntax: object.style.textDecorationColor="red"

Browser Support

The numbers in the table indicate the first browser version that fully supports this property.

Numbers with -webkit- or -moz- indicate the first version using the prefix.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0