Lastnost text-decoration-line

Lastnost text-decoration-line določa postavitev črte pri besedilu. Lastnost je treba uporabljati skupaj z lastnostmi text-decoration-style in text-decoration-color. Te lastnosti razširjajo delovanje lastnosti text-decoration, saj so njene naprednejše analogije.

Sintaksa

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

Vrednosti

Vrednost	Opis
`underline`	Naredi podčrtano besedilo.
`line-through`	Naredi prečrtano besedilo.
`overline`	Naredi črto nad besedilom.
`none`	Prekliče podčrtanje podčrtanega elementa. Najpogosteje se uporablja za povezave, saj so te privzeto podčrtane.

Privzeta vrednost: none. Za povezave je privzeta vrednost: underline.

Primer

Prečrtajmo besedilo z rdečo črto:

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

Результат: