Својството list-style

Својството list-style овозможува истовремено поставување на типот на маркерот list-style-type, сликата list-style-image и неговата позиција list-style-position за листите ul или ol.

Редоследот на својствата нема значење.

Пример

Ајде да поставиме за нашата листа квадратни маркери:

<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;
}