CSS Property Value How to - list-style-image: url








Question

We would like to know how to list-style-image: url.

Answer


<html>
<!-- ww w .j a  va2  s.c  om-->
<head>
  
  <style>
ul {list-style-image: url("http://placehold.it/20x20");}
li {marker-offset:20px;}
  </style>  
</head>

<body>
<ul>
  <li>This example illustrates using an image for a bullet point.</li>
  <li>This example illustrates using an image for a bullet point.</li>
  <li>This example illustrates using an image for a bullet point.</li>
</ul>
</body>
</html>

The code above is rendered as follows: