Proprietà CSS list-style-type

Definizione e uso

L'attributo list-style-type imposta il tipo di marcatura degli elementi dell'elenco.

Vedi anche:

Tutorial CSS:Elenco CSS

Manuale CSS:Proprietà CSS list-style

Manuale HTML DOM:Proprietà listStyleType

Esempio

Impostare diversi stili di elenco:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Prova tu stesso

(Più esempi possono essere trovati nella parte inferiore della pagina)

Sintassi CSS

list-style-type: value;

Valore dell'attributo

Valore di CSS2:

Valore Descrizione
none Nessun marcatore.
disc Predefinito. Il marcatore è un cerchio solido.
circle Il marcatore è un cerchio vuoto.
square Il marcatore è un quadrato solido.
decimal Il marcatore è un numero.
decimal-leading-zero I numeri marcati con zero iniziale (01, 02, 03, ecc...)
lower-roman I numeri romani minuscoli sono (i, ii, iii, iv, v, ecc...)
upper-roman I numeri romani maiuscoli sono (I, II, III, IV, V, ecc...)
lower-alpha Le lettere minuscole dell'inglese sono lower-alpha (a, b, c, d, e, ecc...)
upper-alpha Lettere inglesi maiuscole The marker is upper-alpha (A, B, C, D, E, ecc.)
lower-greek Lettere greche minuscole (alpha, beta, gamma, ecc.)
lower-latin Lettere latine minuscole (a, b, c, d, e, ecc.)
upper-latin Lettere latine maiuscole (A, B, C, D, E, ecc.)
ebraico Metodo numerico ebraico tradizionale
armeniano Metodo numerico armeno tradizionale
georgiano Metodo numerico georgiano tradizionale (an, ban, gan, ecc.)
cjk-ideographic Numeri ideografici semplici
hiragana I marker sono: a, i, u, e, o, ka, ki, ecc. (Katakana giapponese)
katakana I marker sono: A, I, U, E, O, KA, KI, ecc. (Katakana giapponese)
hiragana-iroha I marker sono: i, ro, ha, ni, ho, he, to, ecc. (Katakana giapponese)
katakana-iroha I marker sono: I, RO, HA, NI, HO, HE, TO, ecc. (Katakana giapponese)

Valore di CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armeniano | georgiano | none | ereditare

Dettagli tecnici

Valore predefinito: disc
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: oggetto.style.listStyleType="square"

Più esempi

Marker di elenco di elenchi non ordinati
Questo esempio dimostra i diversi tipi di marker di elenco in CSS.
Marker di elenco di elenchi ordinati
Questo esempio dimostra i diversi tipi di marker di elenco in CSS.
Tutti i tipi di stili di elenco
Questo esempio dimostra tutti i tipi di marker di elenco diversi in CSS.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

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