The text-decoration-line property specifies what line decorations, if any, are added to the element.

  • Initial valuenone
  • Applies toAll elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.textDecorationLine
Formal syntax: none | [ underline || overline || line-through ]

text-decoration-line: none;
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;
  • noneProduces no text decoration.
  • underlineEach line of text is underlined.
  • overlineEach line of text has a line over it.
  • line-throughEach line of text has a line through the middle.
.class {
  text-decoration-line: underline overline;
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.