attribut LIST-STYLE-TYPE

Rôle

L’attribut list-style-type permet de définir le style de marqueur à afficher pour chaque élément d’une liste UL ou OL.

Il peut s’utiliser au niveau de la balise li ou au niveau de la balise ul ou ol

Version : CSS1

Héritage (inherit) : oui

Propriété Javascript : element.style.listStyleType

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

li{
  list-style-type: lower-latin;
}

– Le code HTML

<ul>
  <li>liste 1</li>
  <li>liste 2</li>
  <li>liste 3</li>
  <li>liste 4</li>
</ul>

Résultat

Compatibilité

L’attribut list-style-type est pris en charge par tous les principaux navigateurs

Valeurs

Ne peut pas être utiliser si list-style-image n’a pas la valeur none.

Les différentes valeurs de l’attribut list-style-type sont :

Pour UL

circle | disc | square
Syntaxe :
list-style-type: circleExemple :

Pour OL

decimal | decimal-leading-zero | lower-alpha | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | hiragana | hiragana-iroha | katakana | katakana-iroha | cjk-ideographic
Syntaxe :
list-style-type: decimalExemple :

initial

Le style est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un élément de liste peut ignorer le style imposé par son élément parent.
Syntaxe :
list-style-type : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
list-style-type : inherit

A voir aussi

list-style– list-style-position– list-style-type– list-style-image