All elements with a default or assigned display
property value of 'list-item'
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
NA
What is it?
This property indicates a graphic to be used for the list markers in the list
structure. This should override the default appearance of list-markers in the current
HTML list structure. If a 'list-style-image' is given a value of 'none' or the
URL can not be loaded, the 'list-style-type' will be used in its place. The
'list-style-type' should always be specified in the event the URL pointed to in
'list-style-image' can not be loaded.
Allowed Values
inherit
[CSS2]
[N7|O4]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS1|CSS2]
[IE4B2|N6|O3.5]
Type: Explicit
Description:
No list-marker will be displayed for the list item.
[url]
[CSS1|CSS2]
[IE4B2|N6|O3.5]
Type: Explicit
Description:
This value indicates the URL source for the list-marker graphic. It can be either
an absolute or relative URL. If the graphic can not be loaded,
whatever 'list-style-type' property is set will be used.
Example
Ext/Doc: ul {
list-style-image:
url(http://www.foo.com/bullet.gif) }
In-Line: <ul><liSTYLE="list-style-image:
url(http://www.foo.com/bullet.gif)">test text in the list
item</li></ul>
Browser Peculiarities
Internet Explorer
4.0+:
- Does not apply to elements with assigned 'display' property of "list-item"
and does not apply to DL/DT/DD.
- Default horizontal alignment for marker images is right (OL-like
markers are left aligned and UL-like markers are center aligned.)
Opera
3.5:
- Does not apply to elements with assigned 'display' property of
"list-item" and does not apply to DL/DT/DD.
- Default horizontal alignment for marker images is right when
applied to OL lists, center when applied to UL lists.