CSS - image de style de liste

La description

La propriété list-style-image définit un pointeur vers une ressource image qui doit être utilisée comme marqueur pour les éléments de liste.

Valeurs possibles

  • uri- Un pointeur vers une ressource image. Si l'URL ne peut pas être résolue, la propriété est traitée comme si la valeur n'était aucune.

  • none - Aucune image ne doit être utilisée comme marqueur pour l'élément.

S'applique à

Tous les éléments avec un affichage d'élément de liste.

Syntaxe DOM

object.style.listStyleImage = "/images/bullet.gif"

Exemple

Voici l'exemple -

<html>
   <head>
   </head>
   
   <body>
      <ul>
         <li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ol>
         <li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

Cela produira le résultat suivant -