OUJOOD.COM
CSS le type de style de liste
Les propriétés CSS
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).
Définition et utilisation:La propriété list-style-type
La propriété list-style-type spécifie le type de marqueur ( puce ) des éléments d'une liste .
Code css exemple : Sélectionner le code
ul {list-style-type:square}
ol {list-style-type:lower-alpha}
La valeur par défaut: disc
Héritée: oui
Version: CSS1
la syntaxe JavaScript: object.style.listStyleType="square"
Valeurs de la propriété :list-style-type
| Valeur | Description |
|---|---|
| none | Aucun marqueur |
| circle | Le marqueur est un cercle |
| disc | Le marqueur est un cercle plein. Par défaut |
| square | Le marqueur est un carré |
| armenian | numérotation arménienne traditionnelle. |
| decimal | Le marqueur est un nombre (1, 2, 3, etc) |
| decimal-leading-zero | Le marqueur est un nombre avec des zéros initiaux (01, 02, 03, etc) |
| georgian | numérotation géorgienne traditionnelle : an, gan, he, tan, in, in-an. |
| lower-alpha | Le marqueur est une alphabet en minuscule (a, b, c, d, e, etc) |
| lower-greek | Le marqueur est lettre grec minuscule (alpha, bêta, gamma, etc) |
| lower-latin | Le marqueur est latin minuscule (a, b, c, d, e, etc) |
| lower-roman | Le marqueur est nombre romain (I, II, III, IV, V, etc) |
| upper-alpha | Le marqueur est une alphabet en majuscule(A, B, C, D, E, etc) |
| upper-latin | Le marqueur est lettre latin majuscule (A, B, C, D, E, etc) |
| upper-roman | Le marqueur est nombre romain majuscule(I, II, III, IV, V, etc) |
| inherit | Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur |
La couleur du marqueur sera la même que la couleur de l'élément auquel il s'applique.
Seuls quelques éléments (<li> et <summary>) ont une valeur par défaut de display : list-item. Cependant, la propriété list-style-type peut être appliquée à tout élément dont la valeur d'affichage est définie sur list-item. De plus, comme cette propriété est héritée, elle peut être définie sur un élément parent (généralement <ol> ou <ul>) pour l'appliquer à tous les éléments de la liste.
Par carabde 10 mars 2014