Ominaisuus text-decoration-line

Ominaisuus text-decoration-line asettaa tekstin viivan sijainnin. Ominaisuutta tulisi käyttää yhdessä ominaisuuksien text-decoration-style ja text-decoration-color kanssa. Nämä ominaisuudet laajentavat text-decoration -ominaisuuden toimintaa, ollen kehittyneempiä vastineita.

Syntaksi

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

Arvot

Arvo	Kuvaus
`underline`	Tee alleviivattu teksti.
`line-through`	Tee yliviivattu teksti.
`overline`	Tee viiva tekstin yläpuolelle.
`none`	Poistaa elementin alleviivauksen. Yleisimmin käytetään linkeille, koska ne ovat oletusarvoisesti alleviivattuja.

Oletusarvo: none. Linkeille oletusarvo on: underline.

Esimerkki

Yliviivataan teksti punaisella viivalla:

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

Результат: