CSS Property list-style-image

list-style-image specifies an image as the marker on a list item.


Initial value none
Inherited Yes.
Version CSS1
JavaScript syntax object.style.listStyleImage="url('http://yourdomain/abc.gif')"
Applies to Elements whose display value is list-item.

CSS Syntax

list-style-image: url(url of image) | none 

Property Values

The property values are listed in the following table.

Value Description
url url for the image
none No image is used. Use the list-style-type property. Default value.
inherit Inherit the list-style-image property from the parent element

Browser compatibility

list-style-image Yes Yes Yes Yes Yes


An example showing how to use list-style-image CSS property.

  body { <!--from ww w .  j ava2s .c o m-->
        line-height: 1.5em;
    ul {
        list-style-image: url("http://java2s.com/style/download.png");




Click to view the demo