Omadus text-decoration-line

Omadus text-decoration-line määrab teksti joone asukoha. Omadust tuleks kasutada koos omadustega text-decoration-style ja text-decoration-color. Need omadused laiendavad omaduse text-decoration toimimist, olles täiustatumad analoogid.

Süntaks

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

Väärtus	Kirjeldus
`underline`	Teeb allakriipsutatud teksti.
`line-through`	Teeb läbikriipsutatud teksti.
`overline`	Teeb joone teksti kohale.
`none`	Eemaldab allakriipsutuse allakriipsutatud elemendilt. Kõige sagedamini kasutatakse seda linkide puhul, kuna need on vaikimisi allakriipsutatud.

Vaikeväärtus: none. Linkide puhul vaikeväärtus: underline.

Kriipsutame teksti läbi punase joonega:

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

Результат: