CSS text-decoration-color Property

Description

The text-decoration-color property specifies the color of text decoration (underlines overlines, and line-throughs) set on the element with text-decoration-color.

Initial value: currentColor
Applies to: All elements
Inherited: No
Media: Visual
Computed value: The computed color
Animatable: Yes
CSS Version: CSS3
JavaScript syntax: object.style.textDecorationColor

Syntax

text-decoration-color: <color>

Values

<color>The color data type value can be a named color keyword, or in hexadecimal, RGB, RGBa, HSL or HSLa notation.

Example

HTML

<p class="test"> text-decoration-color: rgb (255, 165, 0);  </p> 

<p class="test2"> text-decoration-color: red;  </p>

CSS

.test {
   text-decoration: underline; 
   font-size: 24px;
   -webkit-text-decoration-color: rgb(255, 165, 0);
   -moz-text-decoration-color: rgb(255, 165, 0);  
   text-decoration-color: rgb(255, 165, 0); 
}
.test2 {
   text-decoration: line-through;
   font-size: 24px;
   -webkit-text-decoration-color: red; 
   -moz-text-decoration-color: red; 
   text-decoration-color: red; 
}

Result