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

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

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

.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; 
}

Browser Support

Desktop
X	79	57	36	44	12.1
Tablets / Mobile
57	57	36	43	12.2	7.0

Last updated by CSSPortal on: 2nd November 2019