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

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

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

Пример

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

html<ul>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Пример

А сега ајде да поставиме во својството list-style слика за маркерот и неговото позиционирање внатре во текстуалното поле:

html<ul>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
  <li>ставка од листата</li>
</ul>

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

Результат: