list-style-image | CSS CSS Properties

Allows you to use an image (like a tiny icon or logo) as the bullet point for list items.

Usage example

ul.custom-bullets {
  /* Uses a specific image as the bullet point */
  list-style-image: url('star-icon.png');
}

Initial value

none

Inherited

Yes

Applies to

listItems

Animation type

discrete

none

list-style-image Browser Support

Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+