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

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

Vaikeväärtus: solid.

Nüüd muutub tekst punase lainelise joonega allakriipsutatud:

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

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

Nüüd muutub tekst punase punktiirjoonega allakriipsutatud:

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

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

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

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

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