Свойство 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;
}