Vlastnosť list-style

Vlastnosť list-style umožňuje naraz nastaviť typ značky list-style-type, obrázok list-style-image a jej pozíciu list-style-position pre zoznamy ul alebo ol.

Poradie vlastností nemá význam.

Príklad

Nastavme pre náš zoznam štvorcové značky:

html<ul>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Príklad

A teraz nastavme vo vlastnosti list-style obrázok pre značku a jej umiestnenie inside textového poľa:

html<ul>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
</ul>

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

Результат: