Adds text decoration in the form of underlining, strikethrough, lines above the text. More than one style can be applied at the same time by listing values ​​separated by spaces.

Initial Value none
Applies to All elements, including ::first-letter and ::first-line
Inheritance no
Animation discrete

The text-decoration-line property specifies the type of decorative lines added to characters. The default value is none so no decoration lines are displayed by default.

Decorative line types include underline, overline, and strikethrough. These indicate the position where the decoration line is drawn, so text-decoration-style must be used if you want to change the shape of the line.


/* keyword value */

text-decoration-line: none;
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;

/* multiple values */

text-decoration-line: underline overline;
text-decoration-line: overline underline line-through;

/* global values */

text-decoration-line: inherit;
text-decoration-line: initial;
text-decoration-line: revert;
text-decoration-line: unset;


valuewhat it does
noneCancels all effects, including underlining on links, which is set by default.
underlineSets underlined text.
overlineThe line goes over the text.
line-throughSets strikethrough text.
inheritThe value is inherited from the parent element.
initialSets the default value.