Propriété CSS list-style-image
Exemple
Spécifiez une image comme marqueur d'élément de liste dans une liste :
ul
{
list-style-image: url('sqpurple.gif');
}
Définition et utilisation
La list-style-image
propriété remplace le marqueur d'élément de liste par une image.
Remarque : spécifiez toujours la propriété list-style-type en plus. Cette propriété est utilisée si l'image n'est pas disponible pour une raison quelconque.
Valeur par défaut: | rien |
---|---|
Hérité: | Oui |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS1 |
Syntaxe JavaScript : | objet .style.listStyleImage="url('smiley.gif')" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Syntaxe CSS
list-style-image: none|url|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | |
url | The path to the image to be used as a list-item marker | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Liste CSS
Référence CSS : propriété de style liste
Référence HTML DOM : propriété listStyleImage