CSS list-style-image Property

Example

Specify an image as the list-item marker in a list:

ul
{
list-style-image:url("/images/blueball.gif");
list-style-type:square;
}

Try it yourself »

The list-style-image property replaces the list-item marker with an image.

Note: Always specify the list-style-type property in addition. This property is used if the image for some reason is unavailable.

Default value:	none
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.listStyleImage="url('/images/blueball.gif')"

The list-style-image property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
url	The path to the image to be used as a list-item marker
none	No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default
inherit	Specifies that the value of the list-style-image property should be inherited from the parent element

CSS tutorial: CSS List