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 codeul {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