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

Manuale di riferimento CSS

Regole CSS (RULES)

Completo di proprietà CSS

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

L'attributo list-style-type CSS specifica il tipo di segno per l'elemento elenco.

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.

Valore predefinito:disc
Applicabile a:Elemento elenco
Ereditarietà:
Animabile:No.Vedere anche Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.listStyleType="circle"

Sintassi dell'uso di list-style-type

La sintassi di questa proprietà è la seguente:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

Esempio seguente dimostra come utilizzare l'attributo list-style-type.

  ol {
   list-style-type: decimal-leading-zero;
  }
  ul {
   list-style-type: square;
  }
Prova a vedere </>

Valore della proprietà

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
discPredefinito. Il segno è un cerchio pieno.
circleIl segno è un cerchio vuoto.
squareIl segno è un quadrato pieno.
decimalIl segno è un numero.
decimal-leading-zeroNumeri con prefisso zero (01, 02, 03, ecc.)
lower-romanLettere romane minuscole (i, ii, iii, iv, v, ecc.)
upper-romanMaiuscole lettere romane (I, II, III, IV, V, ecc.)
lower-alphaLettere inglesi minuscole The marker is lower-alpha (a, b, c, d, e, ecc.)
upper-alphaLettere inglesi maiuscole The marker is upper-alpha (A, B, C, D, E, ecc.)
lower-greekLettere greche minuscole (alpha, beta, gamma, ecc.)
lower-latinLettere latine minuscole (a, b, c, d, e, ecc.)
upper-latinLettere latine maiuscole (A, B, C, D, E, ecc.)
hebrewModo di numerazione ebraico tradizionale
armenianModo di numerazione armeno tradizionale
georgianModo di numerazione georgiano tradizionale (an, ban, gan, ecc.)
cjk-ideographicNumeri ideografici semplici
hiraganaIl segno è: a, i, u, e, o, ka, ki, ecc. (Katakana giapponese)
katakanaIl segno è: A, I, U, E, O, KA, KI, ecc. (Katakana giapponese)
hiragana-irohaIl segno è: i, ro, ha, ni, ho, he, to, ecc. (Katakana giapponese)
katakana-irohaIl segno è: I, RO, HA, NI, HO, HE, TO, ecc. (Katakana giapponese)
noneNon specificare il segno.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato assume il valore della proprietà list-style-type dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser con la proprietà list-style-type; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Si prega di consultare la seguente guida:Elenco HTML,Elenco CSS.

Proprietà correlate:list-style,list-style-image,list-style-position.