English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence CSS

CSS @règles (RULES)

大全 des propriétés CSS

CSS list-style-mode d'utilisation et exemple de l'attribut type

La liste-style-L'attribut typeCSS spécifie le type de marqueur pour l'élément de liste.

Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans le script JavaScript.

valeur par défaut :disque
applicable à :élément de liste
héritage :oui
animable :nonvoir également attribut d'animation.
version :CSS 1,2,3
JavaScript syntaxe :objet.style.listStyleType="cercle"

list-style-Syntaxe d'utilisation de type

La syntaxe de cet attribut est la suivante :

list-style-type: disque | cercle | carré | decimal | decimal-leading-zero | minuscule-romain | majuscule-romain | minuscule-grec | minuscule-latin | majuscule-latin | arménien | géorgien | minuscule-alpha | majuscule-alpha | none | initial | inherit

Les exemples suivants montrent comment utiliser la liste-style-attribut type.

  ol {
   list-style-type: decimal-leading-zero;
  }
  ul {
   list-style-type: carré;
  }
testez et voyez‹/›

valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

valeurdescription
disquepar défaut. Le marqueur est un cercle plein.
cercleLe marqueur est un cercle vide.
carréLe marqueur est un carré plein.
decimalLe marqueur est un nombre.
decimal-leading-zeroNumeric markers starting with 0. (01, 02, 03, etc.
lower-romanLowercase Roman numerals (i, ii, iii, iv, v, etc.)
upper-romanCapital Roman numerals (I, II, III, IV, V, etc.)
lower-alphaThe marker is lower-alpha (a, b, c, d, e, etc.)
upper-alphaThe marker is upper-alpha (A, B, C, D, E, etc.)
lower-greekLowercase Greek letters (alpha, beta, gamma, etc.)
lower-latinLowercase Latin letters (a, b, c, d, e, etc.)
upper-latinCapital Latin letters (A, B, C, D, E, etc.)
hebrewTraditional Hebrew numbering method
armenianTraditional Armenian numbering method
georgianTraditional Georgian numbering method (an, ban, gan, etc.)
cjk-ideographicSimple ideographic numbers
hiraganaThe marker is: a, i, u, e, o, ka, ki, etc. (Katakana)
katakanaThe marker is: A, I, U, E, O, KA, KI, etc. (Katakana)
hiragana-irohaThe marker is: i, ro, ha, ni, ho, he, to, etc. (Katakana)
katakana-irohaThe marker is: I, RO, HA, NI, HO, HE, TO, etc. (Katakana)
noneDo not specify the marker.
initialSet this property to its default value.
inheritIf specified, the associated elements adopt the parent element's list-style-type attribute values.

Browser compatibility

list-style-Browser compatibility of type attribute, the numbers in the following table represent the minimum version number of browsers that support this attribute; all mainstream browsers support this attribute.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Read more

Please refer to the following tutorials:HTML list,CSS list.

Related properties:list-style,list-style-image,list-style-position.