Lastnost list-style

Lastnost list-style omogoča sočasno nastavitev tipa označevalca list-style-type, slike list-style-image in njegovega položaja list-style-position za sezname ul ali ol.

Vrstni red lastnosti ni pomemben.

Primer

Nastavimo našemu seznamu kvadratne označevalce:

html<ul>
  <li>seznamski element</li>
  <li>seznamski element</li>
  <li>seznamski element</li>
  <li>seznamski element</li>
  <li>seznamski element</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Primer

Zdaj pa nastavimo v lastnosti list-style sliko za označevalec in njegovo lokacijo znotraj besedilnega polja:

html<ul>
  <li>seznamski element</li>
  <li>seznamski element</li>
  <li>seznamski element</li>
  <li>seznamski element</li>
  <li>seznamski element</li>
</ul>

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

Результат: