CSS text-decoration-style Property

Description

The text-decoration-style property specifies the style of the text decoration line drawn on the specified element. The intended meaning for the values are the same as those of the border-style properties but includes one extra value which is 'wavy'.

  • Initial valuesolid
  • Applies toAll elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.textDecorationStyle

Syntax

Formal syntax: solid | double | dotted | dashed | wavy

text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dotted;
text-decoration-style: dashed;
text-decoration-style: wavy;

Values

  • solidA single line segment.
  • doubleTwo solid lines that are parallel with some space between them.
  • dottedA series of round dots.
  • dashedA series of square-ended dashes.
  • wavyIndicates a wavy line.

Example

.class {
  text-decoration-style: wavy;
}

Browser Support

?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.