provided by: 
Originally published at Internet.comYou use the list properties to specify how lists display in the browser window. You can change the position of the marker (list-style-position) and the style or image used for the marker (list-style-type and list-style-image). The sections that follow describe each property in more detail. Enjoy.
The list properties are inherited, so if you define a property for the
tag, all its enclosed - tags inherit those properties. These tags are only meaningful for HTML list tags.
You can group the list properties using list-style. You specify the marker type, marker image, and position, like this:
list-style: square URL(http://www.myserver.com/images/marker.gif) inside
list-style-image
You use the list-style-image property to specify an image that the browser will display as the marker for a list item. The property's only value is the URL, using the URL(address) format, of the image to use as the marker, like this:
list-style-image: url(http://www.myserver.com/images/marker.gif)
To affect all the items within a list, set this property for the list container, such as as opposed to the list item - . You can override an individual list item, however, by setting this property in a single occurrence of the
- tag.
list-style-position
...
Read article at Internet.com site