Proprietà CSS list-style-image

Definizione e uso

L'attributo list-style-image utilizza un'immagine per sostituire l'etichetta dell'elemento dell'elenco.

Descrizione

Questa proprietà specifica l'immagine che viene utilizzata come etichetta di un elemento di elenco ordinato o non ordinato. La posizione dell'immagine rispetto al contenuto dell'elemento dell'elenco è solitamente controllata dall'attributo list-style-position.

Nota:Si dovrebbe sempre specificare un attributo "list-style-type" nel caso in cui l'immagine non sia disponibile.

Vedi anche:

Tutorial CSS:Elenco CSS

Manuale di riferimento CSS:Proprietà CSS list-style

Manuale di riferimento HTML DOM:Attributo listStyleImage

Esempio

Impostare l'immagine come etichetta dell'elemento dell'elenco:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Prova da solo

Sintassi CSS

list-style-image: none|url|initial|inherit;

Valore dell'attributo

Valore Descrizione
URL Percorso dell'immagine.
nessuna Predefinito. Nessun grafico viene visualizzato.
inherit Definisce che l'attributo list-style-image dovrebbe essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Altri esempi

Utilizzare un'immagine come etichetta di elemento di elenco
Questo esempio dimostra come utilizzare un'immagine come etichetta di elemento di elenco.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

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