Omadus list-style

Omadus list-style võimaldab korraga määrata markeri tüübi list-style-type, pildi list-style-image ja selle asukoha list-style-position loenditele ul või ol.

Omaduste järjekord ei oma tähtsust.

Näide

Määrame oma loendile ruudukujulised markerid:

html<ul>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Näide

Nüüd määrame omaduses list-style markerile pildi ja selle asukoha teksti välja sees:

html<ul>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
</ul>

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

Результат: