text-decoration property is used to add visual emphasis to content that is independent from the text's font style, weight or other properties.
Prior to CSS3, the
text-decoration property supported five values:
none, which removes any decoration
underline, which draws a 1px line across the text at the baseline
line-through, which draws a 1px line across the text at the text's "middle" point
overline, which draws a 1px line across the text at the text's "top" point
blink, a much-maligned property that causes the text to flash, alternating between 0 and 100% opacity
The three properties that draw lines inherit the color of the text, determined by the
text-decoration supports the use of multiple values (
text-decoration: underline overline;).
text-decoration is now a shorthand property, incorporating the following new properties (written in this order):
text-decoration-line, which supports the five values from CSS 2.1, outlined above
text-decoration-style, which supports the values
text-decoration-color, which supports any CSS color value
text-decoration-style values in the shorthand are optional and default to
none if not explicitly stated, so in practice writing
text-decoration is fully backwards-compatible in browsers that do not support CSS3. As of June 2013, only Firefox supports the CSS3 shorthand syntax.
- Mozilla Docs
- Browser support table on QuirksMode
- Mobile browser support table on QuirksMode (