list-style-type CSS propriété

Définition de la CSS list-style-type.

La propriété de Listes CSS list-style-type permet de spécifier le type du marqueur d'item de liste à utiliser. Les types de marqueurs d'item sont classés en trois systèmes : le système glyphe (point, cercle), le système numérique (1, 2, ...) et le système alphabétique (A, B, ...).

list-style-type : decimal;
list-style-type : upper-alpha;
list-style-type : square;
list-style-type : none;

La propriété de feuille de style list-style-type CSS d'un système de numérotation peut prendre la valeur de :

• decimal : Chiffres arabes, 1, 2, 3.
• decimal-leading-zero: 01, 02, 03.
• hebrew : numérotation hébreu traditionnel.
• georgian : numérotation géorgienne traditionnelle an, an, gan, he, tan, in, in-an.
• armenian : numérotation arménienne traditionnelle.
• cjk-ideographic : nombres idéographiques plats (?).
• hiragana : a, i, u, e, o, ka, ki.
• katakana : A, I, U, E, O, KA, KI.
• hiragana-iroha : i, ro, ha, ni, ho, he, to.
• katakana-iroha : I, RO, HA, NI, HO, HE, TO.
• none : aucun marqueur d'item de liste.
• inherit, hérite de la propriété CSS list-style-type de son parent (CSS2).

• lower-roman : Chiffres romain en minuscules, i, ii, ii.
• upper-roman : chiffres romain en capitales, I, II, III.
• lower-alpha : lettres en minuscules, a, aa, aaa.
• upper-alpha : lettres en capitales, A, AA, AAA.
• lower-greek : alpha grec en minuscule έ, ή, ί.
• none : aucun marqueur d'item de liste.
• inherit, hérite de la propriété CSS list-style-type de son parent (CSS2).

• disc : puce en forme de gros point plain.
• circle : puce en forme de gros point creux. Valeur par défaut pour une liste de type UL.
• square : puce en forme de petit carré.
• none : aucune puce de marqueur d'item .
• inherit : hérite de la propriété CSS list-style-type de son parent (CSS2).

Exemple de code list-style-type CSS

Conditions d'application de la CSS list-style-type.

La propriété CSS list-style-type est applicable sur les balises HTML ou XHTML ayant pour valeur display:list-item.
La propriété CSS list-style-type peut s'appliquer directement sur la balise HTML ou XHTML LI, UL, OL.

La valeur de la CSS list-style-type peut être mise directement dans la propriété de raccourci CSS list-style.

Héritage des valeurs Css de list-style-type.

Les balises HTML ou XHTML LI héritent de la propriété, si la propriété de feuille de style list-style-type est assignée à la balise HTML ou XHTML mère (OL, UL). Cependant si une autre liste est imbriquée dans cette liste, elle n'hérite pas de la propriété.

Problème d'interprétation de list-style-type en Css.

La propriété CSS list-style-type ne pose aucun problème, hormis l'affichage des listes à puce dont les puces ont un aspect différent suivant le navigateur (idem en HTML et XHTML).