Īpašība text-decoration-line

Īpašība text-decoration-line nosaka līnijas novietojumu pie teksta. Īpašība jālieto kopā ar īpašībām text-decoration-style un text-decoration-color. Šīs īpašības paplašina īpašības text-decoration darbību, ir tās uzlabotāki analogi.

Sintakse

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

Vērtības

Vērtība	Apraksts
`underline`	Veido pasvītrotu tekstu.
`line-through`	Veido pārsvītrotu tekstu.
`overline`	Veido līniju virs teksta.
`none`	Atceļ elementa pasvītrojumu. Visbiežāk tiek lietots saitēm, jo tās pēc noklusējuma ir pasvītrotas.

Noklusējuma vērtība: none. Saišu noklusējuma vērtība: underline.

Piemērs

Pārsvītrosim tekstu ar sarkanu līniju:

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

Результат: