თვისება list-style

თვისება list-style საშუალებას აძლევს ერთდროულად დააყენოს მარკერის ტიპი list-style-type, სურათი list-style-image და მისი მდებარეობა list-style-position სიებისთვის ul ან ol.

თვისებების თანმიმდევრობას მნიშვნელობა არ აქვს.

მაგალითი

დავაყენოთ ჩვენი სიისთვის კვადრატული მარკერები:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style: square outside;
}

მაგალითი

ახლა კი თვისებაში list-style დავაყენოთ მარკერის სურათი და მისი განლაგება ტექსტურ ველში:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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