CSS List and Marker Style Properties

CSS List and Marker Style Properties

You may not have realized how much flexibility there is when it comes to the styling of lists via CSS. Several CSS styles apply to lists and the list-item markers, or bullets, within the lists.

list-style

Usage	A shorthand property that allows you to set all the list properties in one declaration.
Values	list-style-type, list-style-position, list-style-image.

list-style-image

Usage	Sets an image as the list-item marker (bullet) for the list.
Values	none, url.

list-style-position

Usage	Sets where the list-item marker (bullet) is placed in the list.
Values	inside, outside.

list-style-type

Usage	Sets the type of the list-item marker (bullet).
Values	none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha.