Proprietà CSS list-style

Definizione e uso

L'attributo list-style imposta tutte le proprietà della lista in una dichiarazione.

Spiegazione

Questa proprietà è un attributo abbreviato che copre tutte le altre proprietà di stile della lista. Poiché si applica a tutti gli elementi con display list-item, può essere utilizzato solo negli elementi li nel HTML e XHTML standard, ma in realtà può essere applicato a qualsiasi elemento e ereditato dall'elemento list-item.

È possibile impostare in ordine i seguenti attributi:

È possibile non impostare uno dei valori, ad esempio "list-style:circle inside;" è anche permesso. Gli attributi non impostati utilizzeranno il valore predefinito.

Vedi anche:

Corso CSS:Elenco CSS

Manuale di riferimento HTML DOM:Attributo listStyle

Esempio

Impostare l'immagine come segno degli elementi della lista:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Prova da solo

Sintassi CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Valore dell'attributo

Valore Descrizione
list-style-type Impostare il tipo di segno dell'elemento della lista. Vedi:list-style-type valori possibili.
list-style-position Impostare dove posizionare il segno dell'elemento della lista. Vedi:list-style-position valori possibili.
list-style-image Usare immagini per sostituire i segni degli elementi della lista. Vedi:list-style-image valori possibili.
inherit Specifica che l'attributo list-style dovrebbe ereditare il valore dal genitore.

Dettagli tecnici

Valore predefinito: disc outside none
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: object.style.listStyle="decimal inside"

Altri esempi

Definire tutte le proprietà della lista in una dichiarazione
Questo esempio dimostra come assegnare tutte le proprietà della lista a un attributo abbreviato.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta pienamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0