Esempio
Specificare un'immagine come marcatore di lista in un elenco:
ul
{
list-style-image: url('sqpurple.gif');
}
Prova tu stesso " Definizione e utilizzo
La proprietà list-style-image sostituisce il marcatore di lista con un'immagine.
Note: Specificare sempre la proprietà list-style-type in aggiunta. Questa proprietà viene utilizzata se l'immagine per qualche motivo non è disponibile.
Valore di default: | none |
---|---|
Inherited: | yes |
animatable: | no. Read about animatable |
Versione: | CSS1 |
sintassi JavaScript: | object .style.listStyleImage="url('smiley.gif')" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Proprietà | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Sintassi
list-style-image: none|url|initial|inherit;
I valori delle proprietà
Valore | Descrizione | Gioca |
---|---|---|
none | verrà visualizzata alcuna immagine. Invece, la proprietà list-style-type definirà che tipo di marcatore elenco sarà reso. Questa è l'impostazione predefinita | Gioca " |
url | Il percorso per l'immagine da utilizzare come marcatore di lista | Gioca " |
initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: Lista CSS
Riferimento CSS: list-style property
Di riferimento HTML DOM: listStyleImage property