Egenskaben text-decoration-line

Egenskaben text-decoration-line angiver placeringen af linjen ved tekst. Egenskaben bør anvendes sammen med egenskaberne text-decoration-style og text-decoration-color. Disse egenskaber udvider virkningen af egenskaben text-decoration, da de er mere avancerede analoger.

Syntaks

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

Værdier

Værdi	Beskrivelse
`underline`	Giver understreget tekst.
`line-through`	Giver gennemstreget tekst.
`overline`	Placerer linjen over teksten.
`none`	Fjerner understregning fra et understreget element. Oftest brugt for links, da de som standard er understreget.

Standardværdi: none. For links er standardværdien: underline.

Eksempel

Lad os gennemstrege teksten med en rød linje:

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;
}

Результат: