text-decoration-line property CSS Reference

Definition and Usage

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.

  • Initial none
  • Applies to all elements
  • Inherited no
  • Media visual
  • Computed Value as specified
  • Animatable no
  • Canonical order order of appearance in the formal grammar of the values


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


Accepts none, or one or more whitespace separated values:

Produces no text decoration.
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.
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.


.example {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic supportUnimplemented (see WebKit bug 90959)6.0 (6.0)-mozNot supportedNot supportedUnimplemented (see WebKit bug 90959)
blinkNot supported26.0 (26.0)Not supportedNot supportedNot supported

Mobile browsers

FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic supportUnimplemented (see WebKit bug 90959)Unimplemented (see WebKit bug 90959)6.0 (6.0) -mozNot supportedNot supportedUnimplemented (see WebKit bug 90959)
blinkNot supportedNot supported26.0 (26.0) -mozNot supportedNot supportedNot supported

Relative articles