Scholar Repository
Home>Manual>CSS List-style-image Property

CSS List-style-image Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS list-style-image Property


CSS Reference 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.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS List-style-image Property