CSS text-decoration Property
Example
Set the text decoration for <h1>, <h2>, and <h3> elements:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Try it yourself »
Definition and Usage
The text-decoration property specifies the decoration added to text.
Note: In CSS3, the text-decoration property is a shorthand property for text-decoration-line, text-decoration-color, and text-decoration-style, but this is currently not supported in any of the major browsers.
Note: In CSS3 you can use the text-decoration-color property to change the color of the decoration, otherwise the color is the same as the color of the text.
| Default value: | none |
|---|---|
| Inherited: | no |
| Animatable: | no, see individual properties. Read about animatable |
| Version: | CSS1, renewed in CSS3 |
| JavaScript syntax: | object.style.textDecoration="underline" Try it |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | ||||||
|---|---|---|---|---|---|---|
| text-decoration | 1.0 | 12.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
text-decoration: none|underline|overline|line-through|initial|inherit;
Property Values
| Value | Description | Play it |
|---|---|---|
| none | Defines a normal text. This is default | Play it » |
| underline | Defines a line below the text | Play it » |
| overline | Defines a line above the text | Play it » |
| line-through | Defines a line through the text | Play it » |
| initial | Sets this property to its default value. Read about initial | Play it » |
| inherit | Inherits this property from its parent element. Read about inherit |
Related Pages
CSS tutorial: CSS Text
HTML DOM reference: textDecoration property
