CSS text-decoration Property
CSS text-decoration property sets the text formatting of an element such as text-decoration-line, text-decoration-color and text-decoration-style.
Usages
The following table outline the usages and version history of this property.
| Default value: | none |
| Applies to: | All elements |
| Inherited: | Yes |
| Version: | CSS1 |
| JavaScript Syntax: | object.style.textDecoration = "underline wavy red" |
Syntax
Here is a syntax for the CSS text-decoration property
text-decoration: decoration-line | decoration-style | decoration-color | initial | inherit;
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| decoration-line | Required. Set decoration line such as underline, overline, line-through, and blink |
| decoration-style | Set decoration style such as solid, double, dotted, dashed, and wavy |
| decoration-color | Set decoration color |
| initial | Sets default value of this property |
| inherit | Inherits this property from its parent element |
Examples
The example below shows to sets text-decoration property.
p.one {
text-decoration: overline;
}
p.two {
text-decoration: line-through;
}
p.three {
text-decoration: underline;
}
p.four {
text-decoration: underline overline;
}
p.five {
text-decoration: wavy overline red;
}
Browser Compatibility
- Google Chrome 1+
- Mozilla Firefox 1+
- Internet Explorer 3+
- Opera 3.5+
- Safari 1+
Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.