CSS list-style-image Property
Example
Specify the image for the list item markers in a list:
ul {
list-style-image: url('sqpurple.gif');
}
Property Definition and Usage
The list-style-image property uses an image to replace the list item markers.
Note: Always specify a "list-style-type" property in case the image is not available.
| Default value: | none |
|---|---|
| Inherited: | yes |
| --- | --- |
| Version: | CSS1 |
| --- | --- |
| JavaScript syntax: | object.style.listStyleImage = "url('/images/blueball.gif')" |
| --- | --- |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Property Values
| Value | Description |
|---|---|
| URL | The path to the image. |
| none | Default. No image 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: list-style Property