When the list-item value is assigned to the display property of an element, a marker box is combined with the principal box of the element. This marker defines the decoration (image, glyph, or number) associated with a list item The following properties can be applied to markers and lists.

list-style | list-style-image | list-style-position | list-style-type

list-style
Shorthand property to set the three properties in one go: list-style-type, list-style-image and list-style-position.
CSS1 value	['list-style-type' || 'list-style-position' || 'list-style-image']
CSS2 value	inherit
Initial value	Not defined.
Applied to	Elements whose display property is assigned the list-item value.
Inherited	Yes.
Top

list-style-image
Defines the image used as the marker for the list item.
CSS1 value	<uri> | none
CSS2 value	inherit
Initial value	none
Applied to	Elements whose display property is assigned the list-item value.
Inherited	Yes.
Top

list-style-position
Specifies the position of the marker box in relation to the element's box.
CSS1 value	inside | outside
CSS2 value	inherit
Initial value	outside
Applied to	Elements whose display property is assigned the list-item value.
Inherited	Yes.
Top

list-style-type
Specifies the appearance of the list item marker when the list-style-image property has the value none.
CSS1 value	disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
CSS2 value	leading-zero | western-decimal | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | inherit
Initial value	disc
Applied to	Elements whose display property is assigned the list-item value.
Inherited	Yes.
Top