CSS list-style-image property
Examples
Specified list of list items marked images:
ul
{
list-style-image: url ( 'sqpurple.gif');
}
{
list-style-image: url ( 'sqpurple.gif');
}
try it"
Attribute definitions and instructions
list-style-image property to use an image to replace the mark list items.
Note: Always specify a "list-style-type" attribute in case the image is unavailable.
| Defaults: | none |
|---|---|
| inherit: | yes |
| version: | CSS1 |
| JavaScript syntax: | object .style.listStyleImage = "url ( '../images / blueball.gif')" |
Browser Support
Figures in the table represent the first browser to support the version number of the property.
| 属性 | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Property Value
| value | description |
|---|---|
| URL | Path to the image. |
| none | default. No graphics are displayed. |
| inherit | Provisions should inherit the value list-style-image property from the parent element. |
related articles
CSS tutorial: CSS list
CSS Reference: List-style property