list-style-image

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
CSS CSS1
Default value No
Inherited Yes
Applied To tags <DD>, <DT>, <LI>, <OL>and <UL> and also to all elements having specified the style property "display: list-item"
HTML analog <ul type > | <ol type > | <li type >
Reference to specification http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image
Description
This parameter determines the image address which serves as a list marker. This attribute is inherited; therefore value none is used for separate elements of the list for marker restoration.

Syntax

list-style-image: none | url (a path to a file)
Arguments
Relative or absolute way to a graphic file is used as the value. The argument none cancels the image as a marker for a parental element.

Example

 
<!--
   UL {
    list-style-image: url('images/book.gif');
   }
 
-->
<ul>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetuer adipiscing elit</li>
	<li>Sed diem nonummy nibh euismod</li>
	<li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
   enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis
   nisl ut aliquip ex ea commodo consequat.</li>
</ul>
The result of this example is shown on the figure 1

Object model
[window.]document.getElementById("elementID").style.listStyleImage
Remark
In different browsers the distance between the image and the text may be different.