Menu
The text-decoration-style
property designates the style of the text decoration.
Example:
h3 {
text-decoration: underline;
text-decoration-style: dotted;
}
/* Shorthand version */
h3 {
text-decoration: underline dotted green 3px;
}
solid
Default value. Renders as a single line.
double
Renders as a double line.
dotted
Renders as a dotted line.
dashed
Renders as a dashed line.
wavy
Renders as a wavy line.
initial
Sets the property to its default value.
inherit
Inherits this property’s value from its parent item.
Have a code example of text-decoration-style
? Submit a codepen.io demo and we'll showcase it here ↴