CSS text-decoration Property
Clash Royale CLAN TAG#URR8PPP googletag.cmd.push(function() googletag.display('div-gpt-ad-1422003450156-2'); );
CSS text-decoration Property
❮
Reference
❯
Example
Set different text decorations for <h1>, <h2>, and <h3> elements:
h1
text-decoration: overline;
h2
text-decoration: line-through;
h3
text-decoration: underline;
h3
text-decoration: underline
overline;
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The text-decoration property specifies the decoration added to text,
and is a shorthand
property for:
- text-decoration-line (required)
- text-decoration-color
- text-decoration-style
| Default value: | none currentcolor solid |
|---|---|
| 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 | 3.0 | 1.0 | 1.0 | 3.5 |
googletag.cmd.push(function() googletag.display('div-gpt-ad-1493883843099-0'); );
CSS Syntax
text-decoration: text-decoration-line text-decoration-color
text-decoration-style|initial|inherit;Property Values
| Value | Description |
|---|---|
| text-decoration-line | Sets the kind of text decoration to use (like underline, overline, line-through) |
text-decoration-color | Sets the color of the text decoration |
| text-decoration-style | Sets the style of the text decoration (like solid, wavy, dotted, dashed, double) |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
More Examples
Example
Add more text decoration:
h1
text-decoration: underline overline dotted red;
h2
text-decoration: underline overline wavy
blue;
Try it Yourself »
Related Pages
CSS tutorial: CSS Text
HTML DOM reference: textDecoration property
❮
Reference
❯