CSS Property: text-decoration
Underlined, overlined, and struck-through text.
A shorthand property that combines text-decoration-line, text-decoration-style, and text-decoration-color.
Possible Values
A space-separated list, containing values representing text-decoration-line, text-decoration-style, and text-decoration-color.
| Value | Description | Example |
|---|---|---|
| [line] (equivalent of text-decoration-line value – can be multiple values) |
|
underline |
| [line] [style] (equivalent of text-decoration-line value(s) and text-decoration-style value) |
|
overline dotted |
| [line] [color] (equivalent of text-decoration-line value(s) and text-decoration-color value) |
|
line-through red |
| [line] [style] [color] (equivalent of text-decoration-line value(s), and text-decoration-style value, and text-decoration-color value) |
|
underline double #06c |
inherit | ||
initial | ||
unset | ||
Example
.oldfangled a:hover { text-decoration: none }
.newfangled a:hover { text-decoration: underline overline line-through wavy #f99 }