Propriété list-style-type de CSS
- page précédente list-style-position
- Page suivante marge
Définition et utilisation
L'attribut list-style-type définit le type de marqueur des éléments de liste.
Veuillez également consulter :
Tutoriel CSS :liste CSS
Manuel de référence CSS :Propriété list-style de CSS
Manuel de référence HTML DOM :Attribut listStyleType
Exemple
Définir différents styles de liste :
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;}
(Vous pouvez trouver plus d'exemples en bas de la page)
Syntaxe CSS
list-style-type : value;
Valeur de l'attribut
Valeur de CSS2 :
Valeur | Description |
---|---|
none | Aucun marqueur. |
disc | Par défaut. Le marqueur est un cercle plein. |
circle | Le marqueur est un cercle vide. |
square | Le marqueur est un carré plein. |
decimal | Le marqueur est un chiffre. |
decimal-leading-zero | Les numéros marqués commençant par zéro (01, 02, 03, etc. ) |
lower-roman | Les chiffres romains minuscules (i, ii, iii, iv, v, etc. ) |
upper-roman | Les chiffres romains majuscules (I, II, III, IV, V, etc. ) |
lower-alpha | Les lettres minuscules anglaises The marker is 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, beta, gamma, etc.) |
lower-latin | Lettres latines minuscules (a, b, c, d, e, etc.) |
upper-latin | Lettres latines majuscules (A, B, C, D, E, etc.) |
hébreu | Méthode hébraïque traditionnelle de numérotation |
arménien | Méthode arménienne traditionnelle de numérotation |
géorgien | Méthode géorgienne traditionnelle de numérotation (an, ban, gan, etc.) |
cjk-ideographic | Nombres idéogrammes simples |
hiragana | Les marqueurs sont : a, i, u, e, o, ka, ki, etc. (Katakana japonais) |
katakana | Les marqueurs sont : A, I, U, E, O, KA, KI, etc. (Katakana japonais) |
hiragana-iroha | Les marqueurs sont : i, ro, ha, ni, ho, he, to, etc. (Katakana japonais) |
katakana-iroha | Les marqueurs sont : I, RO, HA, NI, HO, HE, TO, etc. (Katakana japonais) |
Valeur de CSS2.1 :
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | arménien | géorgien | none | hérité
Détails techniques
Valeur par défaut : | disc |
---|---|
Héritabilité : | yes |
Version : | CSS1 |
Syntaxe JavaScript : | object.style.listStyleType="square" |
Plus d'exemples
- Différents types de marqueurs de liste dans une liste non ordonnée
- Cet exemple montre les différents types de marqueurs de liste en CSS.
- Différents types de marqueurs de liste dans une liste ordonnée
- Cet exemple montre les différents types de marqueurs de liste en CSS.
- Tous les types de styles de liste
- Cet exemple montre tous les types de marqueurs de liste différents en CSS.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- page précédente list-style-position
- Page suivante marge