HTML.it - Guida CSS di base - Liste

Usare un'immagine come marcatore

<ul class="lista-1">
<li>Questo list-item [...]</li>
<li>come marcatore [...]</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
ul.lista-1 li {list-style-image: url(marker.png);}

Posizionare il marcatore: outside

<ul class="lista-2">
<li>Questo list-item [...]</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
ul.lista-2 li {list-style-position: outside;}

Posizionare il marcatore: inside

<ul class="lista-3">
<li>Questo list-item [...]</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
ul.lista-3 li {list-style-position: inside;}

Marcatore a quadratino

ul.lista-4 li {list-style-type: square;}

Marcatore a lettere romane minuscole

  1. Item 1
  2. Item 2
  3. Item 3
ol.lista-5 li {list-style-type: lower-roman;}