Easy Tutorial
❮ Sel Read Only Css3 Pr Rotation Point ❯

CSS list-style-image Property

Example

Specify the image for the list item markers in a list:

ul
    {
    list-style-image:url('sqpurple.gif');
    }

Property Definition and Usage

The list-style-image property uses an image to replace the marker of list items.

Note: Always specify a "list-style-type" property in case the image is unavailable.

Default value: none
Inherited: yes
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.listStyleImage="url('/images/blueball.gif')"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
list-style-image 1.0 4.0 1.0 1.0 7.0

Property Values

Value Description
URL The path to the image.
none Default. No image is displayed.
inherit Specifies that the value of the list-style-image property should be inherited from the parent element.

Related Articles

CSS Tutorial: CSS Lists

CSS Reference: list-style Property

❮ Sel Read Only Css3 Pr Rotation Point ❯