CSS list-style-image Property
Complete CSS Reference
Definition
The list-style-image property replaces the list-item marker with an image.
Note: Always specify a "list-style-type" property in case
the image is unavailable.
Inherited: Yes
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.listStyleImage="url('blueball.gif')"
In our HTML DOM tutorial you can find more details about the
listStyleImage property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
ol
{
list-style-image: url(blueball.gif);
list-style-type: circle
} |
Possible Values
| Value |
Description |
| url |
The path to the image |
| none |
Default. No image will be displayed |
Try-It-Yourself Demos
Set an image as the
list-item marker
This example demonstrates how to set an image as the list-item marker.
Complete CSS Reference
Learn XML with Stylus Studio XML Tools - Free Download!
 |
|
Stylus Studio makes it easy to edit and validate XML, XSLT, DTD, XML Schema, XHTML, XPath, XQuery and Web Service applications.
Free XML video demonstrations will help you learn XML and become a W3C XML development master in just minutes!
Download a FREE Trial Now!
|
|