CSS list-style-image Property

CSS list-style-image property set the image to use as the list-item marker, which is appears before each list item.

Usages

The following table outline the usages and version history of this property.

Default value: none
Applies to: List items
Inherited: Yes
Version: CSS1
JavaScript Syntax: object.style.listStyleImage = "url('list.png')"

Syntax

Here is a syntax for the CSS list-style-image property

list-style-image: none | url | initial | inherit;

Property Values

The following table describes the values of this property.

Value Description
none Default. No marker image will be displayed
url Set location of the image resource
initial Sets default value of this property
inherit Inherits this property from its parent element

Examples

The example below shows to sets list-style-image property.

.one {
  list-style-image: url(../../images/list.png);
}

Run it...   »

Browser Compatibility

  • Google Chrome 1+
  • Mozilla Firefox 1+
  • Internet Explorer 4+
  • Opera 7+
  • Safari 1+

Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.