CSS/Liste: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
liste |
liste |
||
Riga 9:
**'''lower-latin'''/'''lower-alpha''' e '''upper-latin'''/'''upper-alpha''': lettere dell'alfabeto latino minuscole (a, b, c, ... z) e maiuscole (A, B, C, ... Z)
**'''lower-greek''': lettere dell'alfabeto greco minuscole (α, β, γ, ...)
*liste non ordinate: sono disponibili i normali valori '''disc''', '''square''' e '''circle''', che funzionano come l'attributo <code>type</code> delle liste HTML
Impostando la proprietà al valore '''none''' la lista apparrà, se non viene specificata un'immagine, senza punto elenco.
== list-style-image ==
CSS permette di definire come punto elenco un'immagine; nel caso sia stato impostato un valore sia per <code>list-style-type</code> sia per questa proprietà, viene mostrata solo l'immagine (se è valida).
'''Sintassi''':
list-style-image: url(<percorso>);
<code><percorso></code> è quindi un percorso che identifica un'immagine.
== list-style-position ==
Questa proprietà permette di impostare la posizione del punto elenco di ogni elemento <code>li</code>. Può assumere i seguenti valori:
*'''outside''': il punto elenco risulterà esterno al blocco del testo dell'elemento
*'''outside''': il punto elenco risulterà interno al blocco del testo dell'elemento
Il concetto risulta forse più chiaro con un esempio:
<div style="border:1px solid #ccc">
<ul style="list-style-position:inside; list-style-type:disc">
<li>La proprietà è settata qui su<br/>inside</li>
<li>Anche qui</li>
</ul>
<ul style="list-style-position:outside; list-style-type: disc">
<li>La proprietà è invece settata qui su<br/>outside</li>
<li>Anche qui</li>
</ul></div>
== list-style ==
Esiste inoltre una proprietà riassuntiva <code>list-style</code> che riassume la formattazione delle liste. La sintassi è:
list: <list-style-type> <list-style-position> <list-style-image>;
[[Categoria:Linguaggio CSS|Liste]]
| |||