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);
}
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.