Css - text-decoration-line property

> (World Wide) Web - (W3|WWW) > CSS - Cascading Style Sheets - Markup Language (HTML|XML) Skin

1 - About

text-decoration-line defines the line decorations property

3 - Values

Accepts none, or one or more whitespace separated values:

  • none: Produces no text decoration.
  • underline: Each line of text is underlined. Underline decorations are positioned under the text,
  • overline. Each line of text has a line above it. overline decorations are positioned above the text
  • line-through: line-through decorations are positioned through the middle of the text. Each line of text has a line through the middle.
Advertising

4 - Example

.textUnderline {
    text-decoration-line:underline;
}
.textOverline {
    text-decoration-line:overline;
}
.textLineThrough {
    text-decoration-line:line-through;
}
<p class="textUnderline">text Underlined</p>
<p class="textOverline">text Overlined</p>
<p class="textLineThrough">text with a line through</p>

5 - Documentation / Reference

web/css/text-decoration-line.txt · Last modified: 2019/02/09 11:40 by gerardnico