Name

list-style-image

Values:

<uri> | none | inherit

Initial value:

none

Applies to:

Elements whose display value is list-item.

Inherited:

Yes.

Computed value:

For <uri> values, the absolute URI; otherwise, none.

Description:

This specifies an image to be used as the marker on an ordered or unordered list item. The placement of the image with respect to the content of the list item can be broadly controlled using list-style-position.

Examples:

ul {list-style-image: url(bullet3.gif);}
ul li {list-style-image: url(http://example.org/pix/
checkmark.png);}

Supported by:

Firefox, Internet Explorer, Opera, Safari.

Get CSS Pocket Reference, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.