Omadus text-decoration-style

Omadus text-decoration-style muudab teksti joone tüüpi: üksik joon, topeltjoon, punktiirjoon, katkendlik joon, laineline joon.

Omadust tuleks kasutada koos omadustega text-decoration-line ja text-decoration-color. Need omadused laiendavad omaduse text-decoration toimimist, olles täiustatumad analoogid.

Süntaks

cssselektor {
  text-decoration-line: solid | double | dotted | dashed | wavy;
}

Väärtused

Vaikeväärtus: solid.

Näide . Väärtus wavy

Nüüd muutub tekst punase lainelise joonega allakriipsutatud:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: wavy;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Näide . Väärtus dotted

Nüüd muutub tekst punase punktiirjoonega allakriipsutatud:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: dotted;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Näide . Väärtus double

Nüüd muutub tekst punase topeltjoonega läbikriipsutatud:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: double;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: