list-style-type

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 Errors Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
CSS CSS2
Default value disc (for <UL>), decimal (for <OL>)
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 No
Reference to specification http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type
Description
It changes a marker kind for each element of the list. This attribute is used only when value of property list-style-image is determined as none. Markers differ for the marked list (tag <UL>) and numbered (tag <OL>).

Syntax

list-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
Arguments
The arguments circle, disc, square are used for the marked list. For the numbered list: decimal, lower-alpha, lower-roman, upper-alpha, upper-roman. The argument none determines marker type. It is the same as a parental element.

Example
 
<!--
   UL {
    list-style-type: square; /* Square markers */
   }
 
-->
<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.listStyleType
Remark
When you use the enumerate list <OL> and the value "inside" of the parameter "list-style-position" in the browser Internet Explorer 6 the numbers beginning from 10 collide the list text.