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 }