CSS list-style-image property
An image of a list item tag in a specified list:
Ul
{
list-style-image:url('sqpurple.gif');
}
{
list-style-image:url('sqpurple.gif');
}
Try it out . . .
Description of property definition and use
The list-style-image property replaces the tag of a list item with an image.
Note: Always specify a "list-style-type" property in case the image is unavailable.
| Default: | none |
|---|---|
| Inherited: | yes |
| Version: | CSS1 |
| JavaScript syntax: | object .style.listStyleImage="url('/images/blueball.gif')" |
Browser support
The numbers in the table support the first browser version number of the property.
| Attributes | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
The property value
| Value | Describe |
|---|---|
| Url | The path of the image. |
| none | Default. No graphics are displayed. |
| inherit | Specifies that the value of the list-style-image property should be inherited from the parent element. |
Related articles
CSS tutorial: CSS list
CSS Reference Manual: List-style properties