Définition de list-style-type
La propriété de feuille de style css list-style-type permet de spécifier le type de la liste, si la liste est ordonnée ou si la liste est non ordonnée (à puce).
Exemple de code :
.identifiant{
list-style-type:upper-alpha;
}
.identifiant{
list-style-type:square;
}
La propriété de feuille de style list-style-type css pour une liste ordonnée décimale peut prendre la valeur de :
- decimal : Chiffres arabes, 1, 2, 3.
- decimal-leading-zero: 01, 02, 03.
- hebrew : numérotation hébreue traditionnelle.
- 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 : aucune.
- inherit, hérite de la propriété de son parent (css 2)
La propriété de feuille de style css list-style-type pour une liste ordonnée alphabétique peut prendre la valeur de :
- 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 miniscule έ, ή, ί.
- none : aucune.
- inherit, hérite de la propriété de son parent (css 2)
La propriété de feuille de style list-style-type css pour une liste à puce peut prendre la valeur de :
- disc : gros point plain.
- circle : gros point creux.
- square : petit carré.
- none : aucun.
- inherit, hérite de la propriété de son parent (css 2)
Application de list-style-type
La propriété de feuille de style css list-style-type est applicable sur les balises HTML ou XHTML ayant pour valeur display:list-item.
La propriété de feuille de style css list-style-type peut s'appliquer en HTML ou XHTML sur la balise HTML ou XHTML LI, UL, OL.
La propriété de feuille de style css list-style-type n'a pas d'équivalent en HTML ou XHTML.
Héritage de list-style-type
Les balises HTML ou XHTML LI héritent de la propriété, si la propriété 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èmes de list-style-type
La propriété de feuille de style css list-style-type ne pose aucun problème, ormis l'affichage des listes à puce dont les puces ont un aspect différent suivant le navigateur (idem en HTML et XHTML).