per le liste non ordinate (ul): list-style-type:
none | disc | circle | square
per le liste ordinate (ol): list-style-type: decimal |
leading-zero | lower-alpha | lower-latin | upper-alpha | upper-latin
Questo stile permette di definire l'aspetto dei diversi elementi di una lista. Si consideri l'esempio seguente:
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ul>
che viene visualizzato nel seguente modo:
- primo elemento
- secondo elemento
- terzo elemento
Si osservi come ulteriore esempio il seguente:
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ol>
che produce la seguente visualizzazione:
- primo elemento
- secondo elemento
- terzo elemento
→Per approfondire: W3 School
sintassi: list-style-image: url('immagine')
Consente di usare un'immagine (una piccola icona) per personalizzare i diversi elementi di una lista non ordinala (ul). Si consideri l'esempio seguente:
- primo elemento
- secondo elemento
realizzato nel seguente modo:
<li style="list-style-image:url('../../immagini/next.gif')">primo elemento</li>
<li style="list-style-image:url('../../immagini/prev.gif')">secondo elemento</li>
</ul>
→Per approfondire: W3 School
E' possibile specificare diversi stili di tipo font con un'unica istruzione (si parla in questo caso di shorthand o abbreviazione). Per esempio:
list-style:square inside url(image.gif);
equivale a:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
Per quanto riguarda l'ordine con cui devono essere specificati i diversi stili, il W3C raccomanda di seguire l'ordine precedente. E' possibile omettere qualsiasi valore. Se un valore viene omesso, viene utilizzato il corrispondente valore di default.
→Per approfondire: W3 School
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
