Zingarelli home page

home :: css :: liste






Felice Zingarelli Story

Ines Zingarelli Story


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>;}

Web Link Vedi anche

Tutti i loghi e i marchi registrati presenti in questo sito sono dei rispettivi proprietari. La responsabilità sui contenuti è dei rispettivi autori.
Tutto il resto è Copyleft Zingarelli.biz - la comunicazione con ogni mezzo necessario.

Valid XHTML 1.0 Transitional   CSS Valido!