CSS text-decoration Property
The text-decoration property allows you to "decorate" the text's content. It is essentially a text decoration with various types of lines. It's a shortcut for text-decoration-line, text-decoration-color, and text-decoration-style.
Text decorations are drawn across child text elements, which means that if the parent element specifies a text-decoration, the child element cannot remove the parent element's decoration.
|text-decoration-line||Sets the type of text decoration to be used (like underline, overline, line-through).|
|text-decoration-color||This property specifies the colour of the text decoration.|
|text-decoration-style||Sets the text decoration style (like solid, wavy, dotted, dashed, double).|
|text-decoration-thickness||The thickness of the decoration line is set here.|
|initial||This property is set to its default value.|
|inherit||This property is inherited from its parent element.|
|Property||Chrome||Firefox||Safari||Edge / IE||Opera|