CSS text-decoration-style Property
In CSS, the text-decoration-style property is used to specify the text-decoration of an element. The text-decoration property combines the properties text-decoration-line, text-decoration-style, and text-decoration-color.
If the specified decoration has a specific semantic meaning, such as a line-through line indicating that some text has been deleted, authors are encouraged to use an HTML tag, such as <del> or <s>, to indicate this meaning. Because browsers can disable styling in some cases, semantic meaning will not be lost in such a case.
When adjusting multiple line-decoration properties at once, the text-decoration shorthand property may be more convenient.
|solid||The default value. The line will only be displayed as a single line.|
|double||The line will appear as two lines.|
|dotted||The line will appear as a dotted line on the screen.|
|dashed||The dashed line will be displayed.|
|wavy||The line will be displayed as wavy.|
|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|
|text-decoration-style||57.0||36.0 6.0 -moz-||12.1||79.0||44.0|