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

Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Metodi di utilizzo e esempi della proprietà list-style CSS

Definizione della proprietà list-style CSSElementi elencostili di visualizzazione. È utilizzato per impostare vari attributi di elenco in una singola dichiarazione (cioèlist-style-typelist-style-positionelist-style-image)proprietà abbreviate.

La tabella sottostante fornisce spiegazioni sull'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:Visualizza tutte le proprietà
Applicabile a:Elementi elenco
Ereditarietà:
Animabile:No.Vedere anche Proprietà animazione
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.listStyle="decimal inside"

Sintassi dell'uso di list-style

La sintassi di questo attributo è la seguente:

list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit

L'esempio seguente dimostra come utilizzare la proprietà list-style.

  ul {
   list-style: circle inside;
  }
  ol {
   list-style: upper-latin outside;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
list-style-typeSpecificare lo stile dell'etichetta dell'elemento elenco.
list-style-positionSpecificare la posizione dell'etichetta dell'elemento elenco.
list-style-imageSpecificare l'immagine utilizzata come etichetta dell'elemento elenco.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore della proprietà list-style del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà list-style, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

Per ulteriori letture

Ecco una guida da consultare:Elenco HTMLElenco CSS

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