Text Decoration Underline Color

Underline is the short form of text decoration line.

Text decoration underline color. The color applies to decorations such as underlines overlines strikethroughs and wavy lines like those used to mark misspellings in the scope of the property s value. Works just as you would imagine. The underline color of a link can be set through the newly introduced text decoration color css property.

Finally a way to change the text decoration color. Here line defines the type of line needed for the text whether it should be an underline an overline or a strikethrough. The text decoration properties are far more intuitive than using other css properties to style underlines.

Style defines how the line will be i e. By default the color of the underline is set the same as the text color of the link. The text decoration color property specifies the color of the text decoration underlines overlines linethroughs.

Thus the markup text decoration. Solid border style solid dotted or dashed 999999 color code use this variable to change colors. This makes it possible to change the underline color which can be different from the text color.

The syntax for text decoration is as follows. An assortment of solid color underline styles. The text decoration color css property sets the color of decorations added to text by text decoration line.

The underline first has to be removed with the text decoration property value of none and then we add the border bottom property with 3 short hand css values of 1px solid 999999. If it will be dotted or wavy. Text decoration color can inherit or accept any css color value including named colors hex colors rgba and hsla.