1. home
  2. Tutorials
  3. Tutorial
Edit

List Style Image

The list-style-image property is used to represents the list-item marker with an image.

Example of Code

<style type="text/css">
  .Image-list-style-type{
    font-size: 22px;
    list-style-image: url("http://schools.inimisttech.com/upload/blogs/15501493511549346156product.png");
  }
</style>
<body>
    <ul class="Image-list-style-type">
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
</body>

Output

   
         
  • List item one
    •      
  • List item two
    •      
  • List item three
    •