PROGRAMMIAMO
HTML - Stili per le liste
List-style-type

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:

<ul style = "list-style-type:square">
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ul>

 che viene visualizzato nel seguente modo:

Si osservi come ulteriore esempio il seguente:

<ol style = "list-style-type:upper-alpha">
<li>primo elemento</li>
<li>secondo elemento</li>
<li>terzo elemento</li>
</ol>

che produce la seguente visualizzazione:

  1. primo elemento
  2. secondo elemento
  3. terzo elemento

 

List-style-image

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:

realizzato nel seguente modo:

<ul>
<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>

 

 

precedente -successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it