CSS list-style-imageProperty
Example
Specifies the image for the list item marker in a list:
ul
{
list-style-image:url('sqpurple.gif');
}
{
list-style-image:url('sqpurple.gif');
}
Try it Yourself »
Property definition and usage instructions
The list-style-image property uses an image to replace the marker of list items.
Note:Always specify a "list-style-type" property in case the image is unavailable.
| Default value: | none |
|---|---|
| Inherited: | yes |
| version: | CSS1 |
| JavaScript Syntax: | object.style.listStyleImage="url('/images/blueball.gif')" |
Browser Support
The numbers in the table indicate the first browser version number that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Property value
| Value | Description |
|---|---|
| URL | The path of the image. |
| none | Default. No graphic is displayed. |
| inherit | Specifies that the value of the list-style-image property should be inherited from the parent element. |
Related Articles
CSS Tutorial:CSS Lists
CSS Reference Manual:list-style property
other extensions