The list-style-image property
The list-style-image property sets
an image for a
list marker.
Syntax
selector {
list-style-image: url("path to an image file") | none;
}
Values
| Value | Description |
|---|---|
url |
Path to file with an image. The name of the image can be in double quotes, single quotes or without quotes at all. |
none |
Cancels an image for a list. |
Default value: none.
Example
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-image: url("li.gif");
}
:
See also
-
the
list-style-typeproperty
that specifies a type of list markers -
the
list-style-positionproperty
that specifies markers position -
the
list-styleproperty
that is shorthand for markers
