Different types of CSS list properties

The CSS list properties enable to set the styles for ordered and unordered lists placed on HTML web page. The List properties allow to change the type and position of the bullets or numbers which appear in front of each list item of the associated listing element on the HTML page. You can also replace the default set of bullets with an image icon by specifying the image location in CSS. Following are the different types of CSS list properties:

1. list-style
2. list-style-image
3. list-style-position
4. list-style-type

1. list-style:

It allows the declaration of type, image and position for list item in a single line. You can specify the list type or image location to replace the default bullet with image and can also specify the position for the bullet in the same line.

2. list-style-image:

It allows to specify the location of an image that appears as bullet in front of each list item.

3. list-style-position:

It enables to set the position of the bullets for the list items.

4. list-style-type:

It enables to specify the bullet style for the bullets of the list items such as circle, disc etc.

Continue to next tutorial: Using the CSS list-style property to learn the single line declaration of list styles for the HTML ordered or unordered list elements.