CSS `list-style-image` Property

Description

The list-style-image CSS property specifies an image to be used as a list-item marker.

The following table summarizes the usages context and the version history of this property.

Default value:	`normal`
Applies to:	List items
Inherited:	Yes
Animatable:	No. See animatable properties.
Version:	CSS 1, 2, 3

Tip: The list-style shorthand CSS property is often more convenient and preferred way to set the list style properties.

The syntax of the property is given with:

list-style-image:

url | none | initial | inherit

The example below shows the list-style-image property in action.

ul {
    list-style-image: url("images/arrow.png");
}

The following table describes the values of this property.

Value	Description
`url`	The location of image to be used as a list-item marker.
`none`	No marker image will be displayed. Instead, the `list-style-type` property will control what type of list marker will be rendered – if any. This is default.
`oblique`	Selects a font that is labeled oblique in the user agent's font database.
`initial`	Sets this property to its default value.
`inherit`	If specified, the associated element takes the computed value of its parent element `list-style-image` property.

The list-style-image property is supported in all major modern browsers.