CSS PROPERTIES
Expand All|Collapse All
CSS AT-RULES
SPONSORED LINKS

CSS3 text-decoration-style Property

Topic: CSS3 Properties Reference« Prev|Next »

Description

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

Syntax

The syntax of the property is given with:

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

 
Close

Your Feedback:

 

We would love to hear from you! Please say something.