Easy Tutorial
❮ Pr Grid Row Css3 Pr Target Name ❯

CSS text-decoration-style Property

CSS Reference Manual

Example

Display different types of underlines:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}

div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property Chrome Firefox Safari Opera Edge
text-decoration-style 57.0 79.0 36.0 <br>6.0 -moz- 12.1 44.0

Definition and Usage

The text-decoration-style property specifies how the line will be displayed.

Default value: solid
Inherited: no
--- ---
Animatable: no. See animatable
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.textDecorationStyle="wavy" Try it
--- ---

CSS Syntax

Property Values

Value Description Test
solid Default value. The line will be displayed as a single line. Test »
double The line will be displayed as a double line. Test »
dotted The line will be displayed as a dotted line. Test »
dashed The line will be displayed as a dashed line. Test »
wavy The line will be displayed as a wavy line. Test »
initial Sets this property to its default value. See initial Test »
inherit Inherits this property from its parent element. See inherit

CSS Reference Manual

❮ Pr Grid Row Css3 Pr Target Name ❯