text-decoration-style
Sets the visual style of the decoration lines. You can make underlines wavy, dashed, dotted, or double.
Quick example
.warning-text {
text-decoration: underline;
/* Makes the underline look like a red squiggle */
text-decoration-style: wavy;
text-decoration-color: red;
}Quick facts
Initial value
solidInherited
No
Applies to
all elements
Animation type
discrete
Values
soliddoubledotteddashedwavy text-decoration-style Browser Support
Widely available Since 2015 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
57+
36+
12.1+
79+