CSS text-decoration-color

The text-decoration-color property in CSS allows you to specify the color of the line decoration applied to text, such as underline, overline, or line-through. This property can be used in conjunction with the text-decoration property to customize the appearance of text decorations.

Here's how you can use the text-decoration-color property in your CSS:


/* CSS */
span {
  text-decoration: underline;
  text-decoration-color: red;
}

Result: This is an example of text with red underline decoration.

In the example above, we have applied a red underline decoration to the text using the text-decoration-color property. You can also combine this property with other text decoration properties to create unique effects.