Attribut list-style CSS

Définition et utilisation

L'attribut abrégé list-style définit tous les attributs de liste dans une seule déclaration.

Explication

C'est une propriété abrégée qui couvre toutes les autres propriétés de style de liste. En raison de son application à tous les éléments avec display list-item, elle ne peut être utilisée que pour les éléments li dans HTML et XHTML normaux, bien qu'elle puisse en fait être appliquée à n'importe quel élément et héritée par les éléments list-item.

Il est possible de définir les attributs dans l'ordre suivant :

Il est possible de ne pas définir une valeur, par exemple "list-style:circle inside;" est également autorisé. Les attributs non définis utiliseront leur valeur par défaut.

Voir également :

Tutoriel CSS :Listes CSS

Manuel de référence HTML DOM :Attribut listStyle

Exemple

Définir l'image comme le signe de l'élément de liste dans la liste :

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Essayez-le vous-même

Syntaxe CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Valeur de l'attribut

Valeur Description
list-style-type Définir le type de signe de l'élément de liste. Voir :list-style-type Les valeurs possibles.
list-style-position Définir où placer le signe de l'élément de liste. Voir :list-style-position Les valeurs possibles.
list-style-image Utiliser des images pour remplacer les signes des éléments de liste. Voir :list-style-image Les valeurs possibles.
inherit Définit que la valeur de la propriété list-style doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : disc outside none
Héritabilité : yes
Version : CSS1
Syntaxe JavaScript : object.style.listStyle="decimal inside"

Plus d'exemples

Définir toutes les propriétés de la liste dans une seule déclaration
Cet exemple montre comment appliquer toutes les propriétés de la liste à une propriété abrégée.

Support 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 7.0