CSS List-Style-Image Property

The list-style-image property is used to specify an image to use for the mark. The syntax is

list-style-image: url([image_url]);

For example, if our CSS code is

ul {   list-style-image:url("circle.gif"); }

the following HTML code

<ul>   <li>First list for custom marker.   <li>Second list for custom marker. </ul>

would render,

• First list for custom marker.
• Second list for custom marker.

Notice now the bullet points are replaced by red circles.