Expand All | Collapse All

CSS3 text-decoration-style Property

Topic: CSS3 Properties ReferencePrev|Next


The text-decoration-style CSS property defines the style of the lines specified by the text-decoration-line property.

The following table summarizes the usages context and the version history of this property.

Default value: solid
Applies to:
All elements. It also applies to ::first-letter and ::first-line.
Inherited: No
Animatable: No. See animatable properties.
Version: New in CSS3


The syntax of the property is given with:

[ solid | double | dotted | dashed | wavy ] one or more values | initial | inherit

The example below shows the text-decoration-style property in action.

p {
    text-decoration: underline;
    -moz-text-decoration-style: dotted; /* Firefox */
    text-decoration-style: dotted; /* Standard syntax */

Property Values

The following table describes the values of this property.

Value Description
solid The line is displayed as a single line. This is default value.
double The line is displayed as a double line.
dotted The line is displayed as a dotted line.
dashed The line is displayed as a dashed line.
wavy The line is displayed as a wavy line.
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element text-decoration-style property.

Browser Compatibility

The text-decoration-style property is not supported in most of the browsers.

Browsers Icon

Basic Support—

  • Firefox 6+ -moz-, 36+
  • Google Chrome ×
  • Internet Explorer ×
  • Apple Safari ×
  • Opera ×

Warning: The text-decoration-style property is currently not supported by the most of the browsers. You should better avoid using this property.

Further Reading

See tutorial on: CSS Text, CSS Border.

Related properties: text-decoration, text-decoration-line, text-decoration-color.

Bootstrap UI Design Templates Property Marvels - A Leading Real Estate Portal for Premium Properties