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 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)
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.
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é.
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).
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css list-style-type.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.