Piccola premessa, le liste in HTML sono di due tipi ordinate (tag <ol>) e non ordinate (tag <ul>), i singoli elementi delle liste sono racchiusi dal tag <li>.
Le proprietà che consentono di formattare le liste con i CSS sono:
li { list-style-image: url(li.gif);} |
|
List-style-image inserisce un immagine come marcatore della lista. L'URL dell'immagine va indicato tra parentesi, all'interno di: url(indirizzo_immagine).
List-style-position imposta la posizione del marcatore rispetto alla lista. Accetta i valori:
li { list-style-position: inside;} |
|
li { list-style-position: outside;} |
|
List-style-type imposta l'aspetto del marcatore. Accetta i valori:
li { list-style-type: disc;} |
|
li { list-style-type: circle;} |
|
li { list-style-type: square;} |
|
li { list-style-type: decimal;} |
|
li { list-style-type: decimal-leading-zero;} |
|
li { list-style-type: lower-roman;} |
|
li { list-style-type: lower-alpha;} |
|
li { list-style-type: upper-alpha;} |
|
li { list-style-type: lower-latin;} |
|
li { list-style-type: upper-latin;} |
|
li { list-style-type: lower-greek;} |
|
La proprietà list-style può contenere tutti i valori per le liste visti sopra. Ad esempio:
li { list-style: url(li.gif) outside;} |
|
(Annunci Google)
Ultime pagine
Non forniamo nessuna garanzia di assenza di errori nei contenuti del sito.
Non si assume nessuna responsabilità per eventuali errori presenti nel sito, e per i contenuti dei siti linkati.
- Privacy