CSS: Fogli di stile

Le liste

Dettagli

Ultima modifica il Sabato, 15 Ottobre 2011 09:08

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

Più correttamente ci si riferisce ad un selettore del discendente (descendant selector):

Per avere liste con stili diversi è bene usare le classi:

• 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.

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.

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.

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