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.
Syntax
/* 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;
text-decoration-color Browser support
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+