CSS list-style-positionPropriété
Exemple
Les marqueurs des éléments de liste sont placés à l'intérieur du texte, et le texte qui passe à la ligne est aligné en fonction du marqueur.
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
Essayez-le vous-même »
Plus d'exemples en bas de cette page.
Définitions et instructions d'utilisation de la propriété
La propriété list-style-type définit le type de marqueur d'élément de liste.
| Valeur par défaut : | "disc" pour <ul> et "decimal" pour <ol> |
|---|---|
| Héritée : | oui |
| version : | CSS1 |
| Syntaxe JavaScript : | object.style.listStyleType="square" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| list-style-type | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valeur de la propriété
| Valeur | Description |
|---|---|
| none | Sans marqueur. |
| disc | Par défaut. Le marqueur est un cercle plein. |
| circle | Le marqueur est un cercle creux. |
| square | Le marqueur est un carré plein. |
| decimal | Le marqueur est un nombre. |
| decimal-leading-zero | Marqueurs numériques commençant par 0. (01, 02, 03, etc.) |
| lower-roman | Chiffres romains minuscules (i, ii, iii, iv, v, etc.) |
| upper-roman | Chiffres romains majuscules (I, II, III, IV, V, etc.) |
| lower-alpha | Lettres anglaises minuscules : le marqueur est lower-alpha (a, b, c, d, e, etc.) |
| upper-alpha | Lettres anglaises majuscules : le marqueur est upper-alpha (A, B, C, D, E, etc.) |
| lower-greek | Lettres grecques minuscules (alpha, bêta, gamma, etc.) |
| lower-latin | Lettres latines minuscules (a, b, c, d, e, etc.) |
| upper-latin | Lettres latines majuscules (A, B, C, D, E, etc.) |
| hebrew | Numérotation hébraïque traditionnelle |
| armenian | Numérotation arménienne traditionnelle |
| georgian | Numérotation géorgienne traditionnelle (an, ban, gan, etc.) |
| cjk-ideographic | Chiffres idéographiques simples |
| hiragana | Les marqueurs sont : a, i, u, e, o, ka, ki, etc. (caractères hiragana japonais) |
| katakana | Les marqueurs sont : A, I, U, E, O, KA, KI, etc. (caractères katakana japonais) |
| hiragana-iroha | Les marqueurs sont : i, ro, ha, ni, ho, he, to, etc. (nombres ordinaux hiragana japonais) |
| katakana-iroha | Les marqueurs sont : I, RO, HA, NI, HO, HE, TO, etc. (nombres ordinaux katakana japonais) |
Plus d’exemples
Cet exemple présente tous les différents marqueurs d'éléments de liste.
Articles connexes
Tutoriel CSS : Listes CSS
Manuel de référence CSS : propriété list-style
autres extensions