CSS text-decoration-line Property
The text-decoration-line property is used to specify different types of text-decoration. Many text-decoration values are available, such as underline, overline, line-through, and so on. It is possible to combine multiple text-decoration properties. Underline and overline values, for example, can be used to display lines both beneath and above the text.
The text-decoration property is a shortcut for text-decoration-line, text-decoration-color, and text-decoration-style.
When adjusting multiple line-decoration properties at once, the text-decoration shorthand property may be more convenient.
Syntax
Property Values
| Value | Description |
|---|---|
| none | The default value. There is no text-decoration line specified. |
| underline | Specifies whether or not a line will be displayed beneath the text. |
| overline | Specifies whether or not a line will be displayed over the text. |
| line-through | Specifies whether or not a line will be displayed through the text. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| text-decoration-line | 57.0 |
36.0
6.0 -moz- |
12.1
7.1 -webkit- |
79.0 | 44.0 |