Propriété list-style-image de CSS

Définition et utilisation

L'attribut list-style-image utilise une image pour remplacer le marqueur de l'élément de liste.

Description

Cette propriété spécifie l'image utilisée comme marqueur d'élément d'une liste ordonnée ou non ordonnée. La position de l'image par rapport au contenu de l'élément de liste est généralement contrôlée par l'attribut list-style-position.

Remarque :Il est toujours recommandé de spécifier un attribut "list-style-type" au cas où l'image serait indisponible.

Voir également :

Tutoriel CSS :Liste CSS

Manuel de référence CSS :Propriété list-style de CSS

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

Exemple

Définir l'image comme marqueur de l'élément de la liste :

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Essayez-le vous-même

Syntaxe CSS

list-style-image: none|url|initial|inherit;

Valeur de l'attribut

Valeur Description
URL Chemin de l'image.
none Par défaut. Aucune image n'est affichée.
inherit Définit que la valeur de l'attribut list-style-image doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : none
Héritabilité : yes
Version : CSS1
Syntaxe JavaScript : object.style.listStyleImage="url('/images/blueball.gif')"

Plus d'exemples

Utiliser une image comme marqueur d'élément de liste
Cet exemple montre comment utiliser une image comme marqueur d'élément de liste.

Support du navigateur

Les numéros 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