Proprietà list-style

La proprietà list-style consente di impostare contemporaneamente il tipo di marcatore list-style-type, l'immagine list-style-image e la sua posizione list-style-position per gli elenchi ul o ol.

L'ordine delle proprietà non ha importanza.

Esempio

Impostiamo per il nostro elenco marcatori quadrati:

html<ul>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Esempio

Ora impostiamo nella proprietà list-style un'immagine per il marcatore e la sua posizione all'interno del campo di testo:

html<ul>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
  <li>elemento elenco</li>
</ul>

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

Результат: