text-decoration-line CSS property specifies what kind of line decorations are added to the element. This property can accepts one or more space separated values.
The following table summarizes the usages context and the version history of this property.
All elements. It also applies to
|Animatable:||No. See animatable properties.|
|Version:||New in CSS3|
The syntax of the property is given with:
The example below shows the
text-decoration-line property in action.
ExampleTry this code »
text-decoration-line: underline; /* Firefox */
text-decoration-line: underline; /* Standard syntax */
text-decoration-line: underline overline; /* Firefox */
text-decoration-line: underline overline; /* Standard syntax */
The following table describes the values of this property.
||Text has no decoration. This is default value.|
||Each line of text is underlined.|
||Each line of text has a line above it.|
||Each line of text has a line through the middle.|
||Makes the text blink (alternates between visible and invisible). This value is deprecated in favor of Animations.|
||Sets this property to its default value.|
||If specified, the associated element takes the computed value of its parent element
text-decoration-line property is not supported in most of the browsers.
text-decoration-line property is currently not supported by the most of the browsers. You should better avoid using this property.