Eienskap text-decoration-line

Die eienskap text-decoration-line spesifiseer die ligging van 'n lyn by teks. Hierdie eienskap moet saam gebruik word met die eienskappe text-decoration-style en text-decoration-color. Hierdie eienskappe brei die werking van die eienskap text-decoration uit en is meer gevorderde ekwivalente daarvan.

Sintaksis

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

Waardes

Waarde	Beskrywing
`underline`	Maak onderstrepte teks.
`line-through`	Maak deurgehaalde teks.
`overline`	Plaas 'n lyn bo die teks.
`none`	Kanselleer die onderstreping van 'n onderstrepte element. Word meestal vir skakels gebruik, aangesien hulle by verstek onderstreep is.

Verstekwaarde: none. Vir skakels is die verstekwaarde: underline.

Voorbeeld

Kom ons haal teks met 'n rooi lyn deur:

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

Результат: