text-decoration-line

Summary

The text-decoration-line CSS property sets what kind of line decorations are added to an element.

Underline and overline decorations are positioned under the text, line-through over it.

Syntax

Formal syntax: none | [ underline || overline || line-through || blink ]
text-decoration-line: none /* This is the only keyword that cannot be mixed with other */

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

text-decoration-line: inherit

Values

Accepts none, or one or more whitespace separated values:

none
Produces no text decoration.
underline
Each line of text is underlined.
overline
Each line of text has a line above it.
line-through
Each line of text has a line through the middle.
blink
The text blinks (alternates between visible and invisible). Conforming user agents may simply not blink the text. This value is deprecated in favor of Animations.
-moz-anchor-decoration
Mozilla CSS Extension, not suitable for web content.

Example

HTML Content

<p>Here's some text with wavy red underline!</p>

CSS Content

p { 
  -moz-text-decoration-line: underline;
  -moz-text-decoration-style: wavy;
  -moz-text-decoration-color: red;
}

Specifications

Specification Status Comment
CSS Text-decoration Level 3 Candidate Recommendation  

Browser compatibility

Warning: The content of this article may be out of date. The cited WebKit bug was resolved FIXED in 2012.

Features Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support Unimplemented (see WebKit bug 90959) 6.0 (6.0)-moz Not supported Not supported Unimplemented (see WebKit bug 90959)
blink Not supported 26.0 (26.0) [1] Not supported Not supported Not supported
Features Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic Support Unimplemented (see WebKit bug 90959) Unimplemented (see WebKit bug 90959) 6.0 (6.0) -moz Not supported Not supported Unimplemented (see WebKit bug 90959)
blink Not supported Not supported 26.0 (26.0) -moz [1] Not supported Not supported Not supported

[1] The value is considered valid, but no blinking will happen, as the spec allows user agents to ignore it.

See also

Document Tags and Contributors

Last updated by: Aleksej,
Hide Sidebar