text-decoration-style property

Definition and Usage

The text-decoration-style CSS property defines the style of the lines specified by text-decoration-line. The style applies to all lines, there is no way to define different style for each of the line defined by text-decoration-line.

If the specified decoration has a specific semantic meaning, like a line-through line meaning that some text has been deleted, authors are encouraged to denote this meaning using an HTML tag, like <del> or <s>. As browsers can disabled styling in some cases, the semantic meaning won’t disappear in such a situation.

• Initialsolid
• Applies toall elements
• Inheritedno
• Mediavisual
• Computed Valueas specified
• Animatableno
• Canonical orderthe unique non-ambiguous order defined by the formal grammar

---

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
text-decoration-style: inherit

---

Values

solid double dotted dashed wavy

Is one of the following keywords :

Keyword	Description
solid	Draws a single line
double	Draws a double line
dotted	Draws a dotted line
dashed	Draws a dashed line
wavy	Draws a wavy line

inherit

Is a keyword indicating to reuse the value calculated on the parent element.

---

Examples

---

Compatibility

Desktop browsers

Mobile browsers