CSS list-style-image Property

Description

The list-style-image property sets the image that will be used as the list item marker. It is often more convenient to use the shorthand list-style.

Initial value

none

Applies to

List item elements

Inherited

Yes

Media

Visual

Computed value

Specified value

Animatable

No

CSS Version

CSS1, CSS2, CSS3

JavaScript syntax

object.style.listStyleImage

Syntax

list-style-image: <image> | none

Values

• noneNo image is specified.
• <image>Location of image to use as the marker.
• inherit

Example

<ul class="test"> 

   <li>List Element</li>  

   <li>List Element</li>  

   <li>List Element</li> 

</ul>

.test {
   list-style-image: url('images/question.png') ;
}

Browser Support

Desktop
4	12	1	1	7	1
Tablets / Mobile
1	18	4	10.1	1	Yes

Last updated by CSSPortal on: 3rd November 2019