list-style

Support Key: [CSS1|CSS2] [IE4B2|N4B5|O3.5]
Other List-Style Properties
marker-offset
list-style-position
list-style-type
list-style-image
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
[marker-type]: disc, [position]: outside
Applicable Elements:
All elements with a default or assigned display property value of 'list-item'
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
<ul TYPE> | <ol TYPE> | <li TYPE>
What is it?
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.'

Allowed Values
inherit
[CSS2] [N6|O7]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
[list-style-type]
[CSS1|CSS2] [IE4B2|N4B5|O3.5]
Type: Explicit
Description:
See the property page for 'list-style-type' for more details on syntax and allowed values.
[list-style-position]
[CSS1|CSS2] [IE4B2|N6|O3.5]
Type: Explicit
Description:
See the property page for 'list-style-position' for more details on syntax and allowed values.
[list-style-image]
[CSS1|CSS2] [IE4B2|N6|O3.5]
Type: Explicit
Description:
See the property page for 'list-style-image' for more details on syntax and allowed values.
Syntax
Selector { list-style: ( [list-style-type] || [list-style-position] || [list-style-image] ) }
Example
Ext/Doc: ul { list-style: square inside url(http://www.foo.com/bullet.gif) }
In-Line: <ul><li STYLE="list-style: square inside
url(http://www.foo.com/bullet.gif)">test text in the list item</li></ul>
Browser Peculiarities

Boring Copyright Stuff....