CSS List-style-image Property

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

# 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

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