This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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

CSS Object Model Property
:

Percentages
Not available

Syntax

  • text-decoration-style: dashed
  • text-decoration-style: dotted
  • text-decoration-style: double
  • text-decoration-style: solid
  • text-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

See also

External resources