Propriété list-style-type de CSS

Définition et utilisation

L'attribut list-style-type définit le type de marqueur des éléments de liste.

Veuillez également consulter :

Tutoriel CSS :liste CSS

Manuel de référence CSS :Propriété list-style de CSS

Manuel de référence HTML DOM :Attribut listStyleType

Exemple

Définir différents styles de liste :

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;}

Essayez-le vous-même

(Vous pouvez trouver plus d'exemples en bas de la page)

Syntaxe CSS

list-style-type : value;

Valeur de l'attribut

Valeur de CSS2 :

Valeur Description
none Aucun marqueur.
disc Par défaut. Le marqueur est un cercle plein.
circle Le marqueur est un cercle vide.
square Le marqueur est un carré plein.
decimal Le marqueur est un chiffre.
decimal-leading-zero Les numéros marqués commençant par zéro (01, 02, 03, etc. )
lower-roman Les chiffres romains minuscules (i, ii, iii, iv, v, etc. )
upper-roman Les chiffres romains majuscules (I, II, III, IV, V, etc. )
lower-alpha Les lettres minuscules anglaises The marker is lower-alpha (a, b, c, d, e, etc. )
upper-alpha Lettres anglaises majuscules Le marqueur est upper-alpha (A, B, C, D, E, etc.)
lower-greek Lettres grecques minuscules (alpha, beta, gamma, etc.)
lower-latin Lettres latines minuscules (a, b, c, d, e, etc.)
upper-latin Lettres latines majuscules (A, B, C, D, E, etc.)
hébreu Méthode hébraïque traditionnelle de numérotation
arménien Méthode arménienne traditionnelle de numérotation
géorgien Méthode géorgienne traditionnelle de numérotation (an, ban, gan, etc.)
cjk-ideographic Nombres idéogrammes simples
hiragana Les marqueurs sont : a, i, u, e, o, ka, ki, etc. (Katakana japonais)
katakana Les marqueurs sont : A, I, U, E, O, KA, KI, etc. (Katakana japonais)
hiragana-iroha Les marqueurs sont : i, ro, ha, ni, ho, he, to, etc. (Katakana japonais)
katakana-iroha Les marqueurs sont : I, RO, HA, NI, HO, HE, TO, etc. (Katakana japonais)

Valeur de CSS2.1 :

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
arménien | géorgien | none | hérité

Détails techniques

Valeur par défaut : disc
Héritabilité : yes
Version : CSS1
Syntaxe JavaScript : object.style.listStyleType="square"

Plus d'exemples

Différents types de marqueurs de liste dans une liste non ordonnée
Cet exemple montre les différents types de marqueurs de liste en CSS.
Différents types de marqueurs de liste dans une liste ordonnée
Cet exemple montre les différents types de marqueurs de liste en CSS.
Tous les types de styles de liste
Cet exemple montre tous les types de marqueurs de liste différents en CSS.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

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