OUJOOD.COM
CSS la puce de liste sous forme d'image
Les propriétés CSS
La propriété de feuille de style css list-style-image permet de mettre une image à la place de l'item ou puce ou marqueur.
Définition et utilisation:La propriété list-style-image
La propriété list-style-image définit une image qui remplace le marqueur list-item.
Code css : Sélectionner le codeNote:
1 - Toujours spécifier la propriété list-style-type en plus. Cette propriété est utilisée si l'image pour une raison quelconque est indisponible.
2 - Si votre feuille de style est dans un autre dossier mettez une url absolue (http://www.mon.site/images/image.gif) parceque netscape 4.7 prend comme point de départ de l'url l'endroit où se trouve la feuille de style alors que Internet Explorer prend comme origine la page html..
ul
{
list-style-image:url("/images/blueball.gif");
list-style-type:square;
}
La valeur par défaut: none
Héritée:oui
Version: CSS1
la syntaxe JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"
Valeurs de la propriété : list-style-image
| Valeur | Description |
|---|---|
| none | pas d'image. Par défaut |
| url | indique le chemin de l'image |
| inherit | Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur |
Par carabde 10 mars 2014