Xüsusiyyət text-decoration-style

Xüsusiyyət text-decoration-style mətn xəttinin növünü dəyişir: tək xətt, cüt, nöqtəli, tireli, dalğalı xətt.

Xüsusiyyət text-decoration-line və text-decoration-color xüsusiyyətləri ilə birlikdə istifadə edilməlidir. Bu xüsusiyyətlər text-decoration xüsusiyyətinin təsirini genişləndirir, daha inkişaf etmiş analoqlar olaraq.

Sintaksis

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

Standart dəyər: solid.

İndi mətn qırmızı dalğalı xətt ilə altından xəttlənəcək:

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

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

İndi mətn qırmızı nöqtəli xətt ilə altından xəttlənəcək:

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

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

İndi mətn qırmızı cüt xətt ilə üstündən xəttlənəcək:

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

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