English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

MANUALE DI RIFERIMENTO CSS

REGOLE @CSS

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo list-style-image CSS

L'attributo list-style-image CSS specifica un'immagine come simbolo di marcatura dell'elemento elenco.

La tabella sottostante descrive l'uso di questa proprietà, la cronologia delle versioni e la sintassi dell'uso di questa proprietà nel script JavaScript.

Valore predefinito:normal
Applicabile a:Elemento elenco
Ereditarietà:
Animabile:NoSi prega di consultare Proprietà animazione
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.listStyleImage="url('images/arrow.png')"

Suggerimento:Illist-styleLe proprietà CSS abbreviate sono spesso più facili, il modo preferito per impostare le proprietà di stile elenco.

Sintassi dell'uso dell'immagine di stile elenco

La sintassi di questa proprietà è la seguente:

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

Il seguente esempio dimostra come utilizzare l'attributo list-style-image.

  ul {
   list-style-image: url("images/arrow.png");
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
urlPosizione dell'immagine utilizzata come marcatura dell'elemento elenco.
noneNon verrà visualizzata alcuna immagine di marcatura. Invece, illist-style-typeL'attributo specifica quale tipo di marcatura di elenco deve essere visualizzato (se presente). Questo è il valore predefinito.
obliqueMarchio di carattere inclino.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore dell'attributo list-style-image del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per l'attributo list-style-image: i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

Leggi di più

Si prega di consultare la seguente guida:Elenco HTMLElenco CSS

Proprietà correlate:list-stylelist-style-positionlist-style-type