We use cookies to improve your experience. Learn more in our Privacy policy.
text-decoration
The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property.
Example
| Initial value | as each of the properties of the shorthand:text-decoration-color: currentcolortext-decoration-style: solidtext-decoration-line: none |
| Applies to | all elements. It also applies to ::first-letter and ::first-line. |
Syntax
text-decoration: none;
Values
Sets the kind of decoration used, such as underline or line-through.
Sets the color of the decoration.
Sets the style of the line used for the decoration, such as solid, wavy, or dashed.
Sets the thickness of the line used for the decoration.
Browser support
| text-decoration | 1 | 12 | 1 | 3 | 3.5 | 1 |
| blink | 1 | 4 | ||||
| shorthand | 57 | 79 | 36 | 44 | 8 | |
| text-decoration-thickness | 70 |