Text Decoration Underline Color

Text decoration style is used to define the type of text decoration and the new recommendation brings two new values.

Text decoration underline color. An assortment of solid color underline styles. Line color style. The syntax for text decoration is as follows.

Here line defines the type of line needed for the text whether it should be an underline an overline or a strikethrough. This makes it possible to change the underline color which can be different from the text color. Style defines how the line will be i e.

Solid border style solid dotted or dashed 999999 color code use this variable to change colors. Text decoration color can inherit or accept any css color value including named colors hex colors rgba and hsla. By default the color of the underline is set the same as the text color of the link.

Color defines the color of decoration. You can also combine the values for text decoration line text decoration style and text decoration color in a short version. Works just as you would imagine.

Double and wavy wavy text decoration. 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. But if we take another look at our earlier requirements these properties don t offer a way to specify line thickness or position.

The text decoration properties are far more intuitive than using other css properties to style underlines. The text decoration color property specifies the color of the text decoration underlines overlines linethroughs. The text decoration color property sets the color of the underline overline or line through on text with the text decoration property applied.