La propriété CSS list-style-image permet de mettre une image à la place d’une puce ou d’un item des listes sur lesquels elle est appliquée.

ul li {
list-style-image: URL(/images/puces.gif);
}

Elle permet de mettre une image à la place des puces ou des items, les valeurs possibles sont: URL (lien_vers_l’image), none (pas d’image),ou inherit (hérite de son parent).

Exemple :

CSS
ul li{
list-style-image: URL(/images/puces.gif);
}
HTML
<ul>
<li>Lorem ipsum dolor sit amet,</li>
<li>consectetur adipiscing elit.</li>
<li>Suspendisse pharetra placerat felis</li>
</ul>
  • Lorem ipsum dolor sit amet,
  • consectetur adipiscing elit.
  • Suspendisse pharetra placerat felis