CSS: Fogli di stile
Le liste
<OL> (lista ordinata ) e <UL> (non ordinata ) sono semplici dichiarazioni del tipo di lista usato, ma la maggior parte delle proprietà si riferiscono agli elementi contenuti, cioè l'elemento <LI>.
Lo stile è definibile a livello degli elementi lista o list-item:
ul {list-style-<valore>: <valore>;}
ol {list-style-<valore>: <valore>;}
li {list-style-<valore>: <valore>;}
Più correttamente ci si riferisce ad un selettore del discendente (descendant selector):
ul li {list-style-<valore>: <valore>;}
Per avere liste con stili diversi è bene usare le classi:
ul.nome_classe li {list-style-<valore>: <valore>;}
- list-style-image (URL di un'immagine da usare come marcatore di un list-item)
proprietà ereditata
si applica agli elementi LI e a quelli per i quali si imposti la proprietà display sul valore list-item.
<selettore> {list-style-image: url(<url_immagine>);}
Valori
- URL assoluto o relativo che punta ad un'immagine
- none
- list-style-position (posizione del marcatore rispetto al testo)
proprietà ereditata
si applica agli elementi LI e a quelli per i quali si imposti la proprietà display sul valore list-item.
<selettore> {list-style-position: <valore>;}
Valori
- outside (default, marcatore all'esterno del testo)
- inside (il marcatore diventa parte integrante del testo)
- list-style-type (aspetto del marcatore)
proprietà ereditata
il colore del marcatore è definito con la proprietà color
si applica agli elementi LI e a quelli per i quali si imposti la proprietà display sul valore list-item.
<selettore> {list-style-type: <valore>;}
Valori (i più importanti)
- disc (cerchietto pieno colorato, indicato per marcatore UL)
- circle (cerchietto vuoto, indicato per marcatore UL)
- square (quadratino, indicato per marcatore UL)
- decima (numeri decimali. 1, 2, 3, ..., indicato per marcatore OL)
- decimal-leading-zero (numeri decimali con la prima cifra preceduta da 0. 01, 02, 03, ..., indicato per marcatore OL)
- lower-roman (cifre romane in minuscolo. i, ii, iii, iv, ..., indicato per marcatore OL)
- upper-roman (cifre romane in maiuscolo. I, II, III, IV, ..., indicato per marcatore OL)
- lower-alpha (lettere alfabetiche minuscole. a, b, c, ..., indicato per marcatore OL)
- upper-alpha (lettere alfabetiche maiuscole. A, B, C, ..., indicato per marcatore OL)
Ai differenti sistemi linguistici ci si riferisce con vlori come: latin, greek, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-hiroha, katakana-hiroha
- list-style (proprietà a sintassi abbreviata con cui si definiscono tutti gli aspetti e gli stili di un list-item)
proprietà ereditata
<selettore> {list-style: <valore tipo> <valore posizione> <valore immagine>;}