text-decoration-color

Sets the color of the lines defined by 'text-decoration-line' (like underlines, overlines, or strike-throughs).

It is documented as part of the CSS Text Decoration specification.

/* Usage Example */
a {
  text-decoration-line: underline;
  /* Sets the underline color to red regardless of the text color */
  text-decoration-color: red;
}

/* Global values */
text-decoration-color: inherit;
text-decoration-color: initial;
text-decoration-color: revert;
text-decoration-color: revert-layer;
text-decoration-color: unset;
Widely available Since 2015 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

57+
36+
12.1+
79+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC