The list-style-image property sets an image as the bullet type for a list.
list-style-image: <url> | none | inherit
- url
The URL of an image to use for the list. - none
Display no image for the list. - inherit
The element should have the same list-style-image setting as the parent.
none
All elements with display value of list-item.
This property is inherited.
use an image as a bullet
<ul style="list-style-image: url(image.gif) ;">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
- The image will replace both a number in an ordered list or a bullet in an unordered list.

