Eigenschap text-decoration-line

De eigenschap text-decoration-line bepaalt de positie van de lijn bij tekst. De eigenschap moet worden gebruikt in combinatie met de eigenschappen text-decoration-style en text-decoration-color. Deze eigenschappen breiden de werking van de eigenschap text-decoration uit, en zijn geavanceerdere equivalenten.

Syntaxis

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

Waarden

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. Wordt meestal gebruikt voor links, omdat deze standaard zijn onderstreept.

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

Voorbeeld

Laten we tekst doorstrepen met een rode lijn:

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

css#elem {
  text-decoration-style: solid;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: