Savybė text-decoration-line

Savybė text-decoration-line nustato linijos vietą tekste. Savybė turėtų būti naudojama kartu su savybėmis text-decoration-style ir text-decoration-color. Šios savybės išplečia savybės text-decoration veikimą, būdamos pažangesniais atitikmenimis.

Sintaksė

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

Reikšmės

Reikšmė	Aprašas
`underline`	Padaro pabrauktą tekstą.
`line-through`	Padaro perbrauktą tekstą.
`overline`	Padaro liniją virš teksto.
`none`	Panaikina elemento pabraukimą. Dažniausiai naudojama nuorodoms, nes pagal nutylėjimą jos yra pabrauktos.

Numatytoji reikšmė: none. Nuorodoms numatytoji reikšmė: underline.

Pavyzdys

Perbraukime tekstą raudona linija:

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

Результат: