Eigenschap text-decoration

De eigenschap text-decoration voegt verschillende effecten aan tekst toe: onderstreping, doorstreping, lijn boven.

Syntaxis

cssselector {
  text-decoration: underline | line-through | overline | none;
}

Waarde	Beschrijving
`underline`	Maakt onderstreepte tekst.
`line-through`	Maakt doorgestreepte tekst.
`overline`	Plaatst een lijn boven de tekst.
`none`	Hiermee wordt de onderstreping van een onderstreept element opgeheven. Meestal gebruikt voor links, omdat deze standaard zijn onderstreept.

Standaardwaarde: none. Voor links is de standaardwaarde: underline.

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: underline;
}

Результат:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: line-through;
}

Результат:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: overline;
}

Результат:

de eigenschap text-decoration-style,
die het mogelijk maakt om het lijntype aan te passen
de eigenschap text-decoration-color,
die het mogelijk maakt om de lijnkleur aan te passen
de eigenschap text-decoration-line,
die het mogelijk maakt om de lijnpositie aan te passen