CSS LIST-STYLE

This shorthand property is used when the author wishes to change the default display characteristics of list-markers in HTML list structures. An author can specify location of the marker, a graphic to be used and/or a standard set of symbols. Keywords may come in any order, but using multiple keywords that control the same behavior is not allowed. If a [list-style-image] is specified for the list marker, it will be used in place of any [list-style-type] also specified. Nevertheless, a [list-style-type] should always be specified in the event the [list-style-image] can not be loaded. A value of ‘none’ for the ‘list-style’ property should set both ‘list-style-type’ and ‘list-style-image’ to ‘none.’

Example
1
2
3
ul {
  list-style: square inside url(http://www.foo.com/bullet.gif)
} 
1
2
3
<ul>
  <li style="list-style: square inside url(pic.gif)>content</li>
</ul>

Possible Values

inherit: Explicitly sets the value of this property to that of the parent.
[list-style-type]: See the property page for ‘list-style-type’ for more details on syntax and allowed values.
[list-style-position]: See the property page for ‘list-style-position’ for more details on syntax and allowed values.
[list-style-image]: See the property page for ‘list-style-image’ for allowed values.