text-decoration-thickness
Sets the thickness (stroke width) of the decoration lines. You can use standard units like pixels or percentages to make underlines thicker or thinner.
Quick example
a.bold-link {
text-decoration: underline;
/* Makes the underline 3px thick instead of the default 1px */
text-decoration-thickness: 3px;
}Quick facts
Initial value
autoInherited
No
Applies to
all elements
Animation type
byComputedValueType
Values
autofrom-font text-decoration-thickness 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.
89+
70+
12.1+
89+