The CSS list properties allow us to set different list item markers. In HTML, there are two types of lists:
unordered lists (<ul>) - the list items are marked with bullets.
ordered lists (<ol>) - the list items are marked with numbers or letters.
With CSS, lists can ve styled further, and images can be used as the list item marker.
One of the ways is to use the list-style-type property, which can be set to circle, square, decimal, disc, lower-alpha, etc.
There are also other list properties, such as:
list-style-image - specifies an image to be used as the list item marker.
list-style-position - specifies the position of the marker box (inside, outside).
In the example below, we use an image as the list item marker, and specify the position to be inside of the content flow.
The following list has list-style-position: inside.
The list-style property is a shorthand property for setting the list-style-type, list-style-image and list-style-position. It is used to set all of the list properties in one declaration.