CSS:list-style-type
Un article de MDC.
[modifier] Résumé
list-style-type définit l'apparence des puces des éléments de liste.
- Valeur initiale : disc
- S'applique à : éléments avec de type
display: list-item - Héritée : oui
- Pourcentages : N/A
- Média : Visuel
- Valeur calculée : comme spécifié
[modifier] Syntaxe
list-style-type: box | check | circle | diamond | disc | hyphen | square | decimal
| decimal-leading-zero |lower-roman | upper-roman | lower-greek | lower-latin
| upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
[modifier] Valeurs
-
disc - Un disque.
-
circle - Un cercle.
-
square - Un carré plein.
-
decimal - Nombre décimal, commençant à 1.
-
decimal-leading-zero - Nombre décimal, éventuellement complété par un zéro initial (par exemple, 01, 02, 03,… , 98, 99).
-
lower-roman - Nombre romain bas de casse (i, ii, iii, iv, v,…).
-
upper-roman - Nombre romain grande casse (I, II, III, IV, V,…).
-
lower-greek - Lettre grecque minuscule alpha, beta, gamma,… (α, β, γ,…).
-
lower-latin - Lettre ASCII minuscule (a, b, c,… z).
-
upper-latin - Lettre ASCII majuscule (A, B, C,… Z).
-
armenian - Nombre arménien traditionnel (ayb/ayp, ben/pen, gim/keem,…).
-
georgian - Nombre géorgien traditionnel (an, ban, gan,… , he, tan, in, in-an,…).
-
lower-alpha - Idem que
lower-latin. -
upper-alpha - Idem que
upper-latin. -
none - Pas de puce.
[modifier] Exemples
ol {
list-style-type: decimal;
}
[modifier] Notes
La spécification ne définit pas le comportement lorsque le nombre d'éléments dépasse le nombre de lettres dans les alphabets. Par exemple, après 26 éléments de liste, le rendu de lower-latin n'est pas défini (et continuera par AA, AB, AC,…). Pour les longues listes, il est donc préférable d'utiliser les chiffres.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
[modifier] Voir également
list-style, list-style-type, list-style-image, list-style-position