list-style касиети

list-style касиети ul же ol тизмелери үчүн маркердин тибин list-style-type, сүрөтүн list-style-image жана ордун list-style-position бир эле учурда коюуга мүмкүндүк берет.

Касиеттердин тартиби мааниге ээ эмес.

Мисал

Келгиле, биздин тизмебиз үчүн төрт бурчтуу маркерлерди коёлу:

<ul>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
</ul>

ul {
	list-style: square outside;
}

Мисал

Эми list-style касиетинде маркер үчүн сүрөттү жана анын текстик талаанын ичиндеги ордун коёлу:

<ul>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
</ul>

ul {
	list-style: url("li.gif") inside;
}