Css:list-style-image to set the image as a detailed list item tag

The List-style-image property in CSS is to set the image as a list item marker. This paper describes in detail the definition and usage of list-style-image, list-style-image syntax, and list-style-image examples.

The function of the List-style-image property in CSS is to set the image as a list item marker.

List-style-image attribute Instance

Set the image to the item tag in the list:

UL  {  list-style-image:url ("/i/arrow.gif");  List-style-type:square;  }

List-style-image Definition and usage

The List-style-image property uses an image to replace the tag of the list item.

Description

This property specifies an image that is marked as an ordered or unordered list item. The placement of an image relative to the contents of a list item is usually controlled using the List-style-position property.

Note: Always specify a "List-style-type" attribute in case the image is not available.