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 | |||||
 |
 |
 |
 |
 |
 |
| X | X | 57 | ? | 44 | ? |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 57 | 57 | ? | 43 | ? | 7.0 |