The text-decoration CSS property is shorthand for text-decoration-line, text-decoration-thickness, text-decoration-style, and text-decoration-color.
Syntax
CSS
text-decoration: value;
JS
object.style.textDecoration = "value";
Values
<'text-decoration'> = <'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>
<'text-decoration-line'> = none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error
none
Neither produces nor inhibits text decoration.
underline
Each line of text is underlined.
overline
Each line of text has a line over it.
line-through
Each line of text has a line through the middle.
blink
The text blinks.
spelling-error
Indicates the type of text decoration used by the user agent to highlight spelling mistakes.
grammar-error
Indicates the type of text decoration used by the user agent to highlight grammar mistakes.
<'text-decoration-thickness'> = auto | from-font | <length> | <percentage>
auto
Automatically specified by the user agent.
from-font
If the first available font has metrics indicating a preferred underline width, use that width, otherwise behaves as auto.
<length>
Specifies the length using a number followed by a unit of measurement.
<percentage>
Specifies the percentage using a number followed by a percent sign (%).
<'text-decoration-style'> = solid | double | dotted | dashed | wavy
solid
Indicates a solid line.
double
Indicates a double line.
dotted
Indicates a dotted line.
dashed
Indicates a dashed line.
wavy
Indicates a wavy line.
<'text-decoration-color'> = <color>
<color>
Specifies the color using a keyword or a numerical specification.
