text-decoration-style
Summary
This 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.
Overview table
- Initial value
solid- Applies to
- All elements
- Inherited
- No
- Media
- visual
- Computed value
- as specified
- Animatable
- No
- Percentages
- Not available
Syntax
text-decoration-style: dashedtext-decoration-style: dottedtext-decoration-style: doubletext-decoration-style: solidtext-decoration-style: wavy
Values
- solid
- A single line segment
- double
- Two solid lines that are parallel with some space between them
- dotted
- A series of round dots
- dashed
- A series of square-ended dashes
- wavy
- Indicates a wavy line
Examples
.example {
text-decoration-line: underline overline;
text-decoration-color: #000;
text-decoration-style: dotted;
}
Usage
This is experimental technology
Related specifications
- CSS Text Decoration Module Level 3
- Working Draft