Vlastnost list-style

Vlastnost list-style umožňuje současně nastavit typ značky list-style-type, obrázek list-style-image a jeho polohu list-style-position pro seznamy ul nebo ol.

Pořadí vlastností hodnoty nemá.

Příklad

Nastavme pro náš seznam čtvercové značky:

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

cssul {
  list-style: square outside;
}

Результат:

Příklad

A nyní nastavme ve vlastnosti list-style obrázek pro značku a jeho umístění uvnitř textového pole:

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

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

Результат: