CSS list-style property

CSS list-style

CSS list-style is a shorthand property, used to specify how the list looks.

It is used on list tags (<li>), in order to set the style properties for the listing elements.

list-style consists of following shorthand properties

  • list-style-type : It is used to specify, what type of marker to be used in the list.
  • list-style-image : It is used to add image replacing the list marker.
  • list-style-position : It is used to specify the position of the marker to be placed on the list.

Example

Try Yourself

In the above example values used in list-style shorthand property are,

circle - list-style-type

url(image.png) - list-style-image

inside, outside, dotted - list-style-position