## 5.3 - Le proprieta' di elenco

Nei documenti HTML vengono spesso specificati due dettagli di presentazione degli elcenchi:

- la forma dei punti elenco che precedono le voci negli elenchi non ordinati,
- i valori di sequenza che precedono le voci degli elenchi ordinati.

### Forma dei punti elenco

Per gli elenchi non ordinati la proprieta' `list-style-type` puo' essere impostata a `disc, circle, square` oppure `none`. Il valore di proprieta' predefinito per i punti elenco e' `disc`. Per esempio, quello che segue e' un foglio di stile a livello del documento che imposta il tipo di punto elenco a `square` per tutte le voci negli elenchi non ordinati:
`ul {list-style-type: square}`

Per specificare un punto elenco particolare per le voci di un solo elenco si puo' utilizzare un foglio di stile inline

`<ul style = "list-style-type: square"> ... </ul>`

Nell'esempio seguente viene utilizzato un fogli di stile inline per impostare `square` i punti dell'elenco dato:

Esempio 1: elenchi puntati ---- Rendering dell'esmepio 1

Inoltre la proprieta' `list-style-type` puo' venire inserita nel tag `<li>`, consentendo di impostare tipi di punti elenco differenti per le diverse voci di un elenco:

Esempio 2: elenchi puntati ---- Rendering dell'esempio 2

### Valori di sequenza

Spesso e' piu' comodo inserire valori di sequenza diversi dai numeri arabi per gli elementi di un elenco ordinato, in particolare quando questi elenchi vengono annidati per formare una struttura. Si puo' utilizzare la proprieta' `list-style-type` per specificare i valori della sequenza, elencati nella tabella sottostante:

Valore di proprieta' | Tipo di sequenza | Primi valori
--- | --- | ---
`decimal` | Numeri arabi | 1,2,3,...
`upper-alpha` | Lettere maiuscole | A,B,C,...
`lower-alpha` | Lettere minuscole | a,b,c,...
`upper-roman` | Numeri romani maiuscoli | I,II,III,...
`lower-roman` | Numeri romani minuscoli | i,ii,iii,...

L'esempio seguente illustra l'utilizzo di tipi differenti di valori di sequenza in elenchi annidati

Esempio 3: Sequence Types ---- Rendering dell'esempio 3

Esercizio: riscrivere il codice HTML dell'ultimo esempio definendo gli stili elenco a livello di documento.