CSS list-style-image Property

The list-style-image property is used to specify an image that is to be used as a marker (bullet) for list items or elements with display: list-item . When the image is available, it will replace the the marker set using the list-style-type property

The CSS list-style-image property defines the image to use as the list item marker, which is the image that appears before each list item.

The list-style-image property replaces the list-item marker with an image.The list-style-image property in CSS is used to set the image that will be used as the list item marker.

Note: Always specify the list-style-type property in addition. This property is used if the image for some reason is unavailable.

CSS Syntax

list-style-image: none|url|initial|inherit;

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -