Eienskap text-decoration-style

Eienskap text-decoration-style verander die tipe lyn vir teks: enkele lyn, dubbel lyn, in die vorm van punte, in die vorm van strepies, golwende lyn.

Die eienskap moet saam gebruik word met die eienskappe text-decoration-line en text-decoration-color. Hierdie eienskappe brei die werking van die eienskap text-decoration uit, aangesien dit meer gevorderde analoë is.

Sintaksis

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

Waardes

Waarde	Beskrywing
`solid`	Aaneenlopende lyn.
`double`	Dubbel lyn.
`dotted`	Lyn in die vorm van punte.
`dashed`	Lyn in die vorm van strepies.
`wavy`	Golwende lyn.

Standaardwaarde: solid.

Voorbeeld . Waarde wavy

Die teks sal nou onderstreep wees met 'n rooi golwende lyn:

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

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

Voorbeeld . Waarde dotted

Die teks sal nou onderstreep wees met 'n rooi lyn in die vorm van punte:

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

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

Voorbeeld . Waarde double

Die teks sal nou deurgehaal wees met 'n rooi dubbel lyn:

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

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