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 value
solid
Applies to
All elements
Inherited
No
Media
Visual
Computed value
As specified
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.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

Desktop
Explorer Edge Chrome Firefox Opera Safari
XX57?44?
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
5757?43?7.0