Définition de la css list-style-type


Propriété css : list-style-type

Détails des versions feuilles de style css list-style-type
css1
css2
Détails de compatiblilité de la feuilles de style css list-style-type pour les navigateurs
Internet Explorer 4+
Netscape 6+
Netscape 4.78
Mozilla + et Firefox +


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).


FAQ

Répond aux questions suivantes :

Comment spécifier, modifier le type de la puce?
Liste des questions les plus fréquemment posées en css.

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.



Reporter un bug ou problème d'interprétationavec la propriété list-style-type
La balise HTML et XHTML LI correspond à une ligne d'une liste non ordonnée ou ordonnée.<LI> Exemple : Non ordonnée :<UL> <LI>Liste 1 <LI>Liste 2 </U...[Voir]La balise HTML et XHTML UL contient tous les éléments de la liste puce non ordonnée.<UL> </UL> Chaque élément de la liste est précédé par la balise HT...[Voir]La balise HTML et XHTML OL contient tous les éléments de la liste ordonnée.<OL> </OL>Chaque élément de la liste est précédé par la balise HTML et XHTM...[Voir]La propriété de feuille de style css DISPLAY permet de spécifier la manière dont un élément est affiché.identifiant{ display:block; } La propriétéde ...[Voir]