Svojstvo list-style

Svojstvo list-style omogućava istovremeno postavljanje tipa markera list-style-type, slike list-style-image i njegovog položaja list-style-position za liste ul ili ol.

Redosled svojstava u vrednosti nije bitan.

Primer

Postavimo našoj listi kvadratne markere:

html<ul>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Primer

A sada da u svojstvu list-style postavimo sliku za marker i njegov položaj unutar tekstualnog polja:

html<ul>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
  <li>stavka liste</li>
</ul>

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

Результат: