listStyleType property
Sets or retrieves the predefined type of the line-item marker for the object.
Syntax
Integer value = object.put_listStyleType( v);Integer value = object.get_listStyleType(* sType);
Property values
Type: BSTR
disc (disc)
Default. Solid circles.
circle (circle)
Outlined circles.
square (square)
Solid squares.
decimal (decimal)
1, 2, 3, 4, and so on.
decimal-leading-zero (decimal-leading-zero)
01, 02, 03, 04, and so on.
lower-alpha (lower-alpha)
A, b, c, d, and so on.
upper-alpha (upper-alpha)
A, B, C, D, and so on.
lower-roman (lower-roman)
I, ii, iii, iv, and so on.
upper-roman (upper-roman)
I, II, III, IV, and so on.
lower-greek (lower-greek)
Lowercase classical Greek: alpha, beta, gamma, and so on.
lower-latin (lower-latin)
A, b, c, d, and so on.
upper-latin (upper-latin)
A, B, C, D, and so on.
armenian (armenian)
Traditional Armenian numbering.
georgian (georgian)
Traditional Georgian numbering: an, ban, gan, don, and so on.
none (none)
No marker is shown.
String format
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none
CSS information
Applies To | All elements |
Media | visual |
Inherited | 1 |
Initial Value | disc |
Standards information
- CSS 2.1, Section 5.6.3
Remarks
The IHTMLRuleStyle::listStyleType property determines the appearance of the list-item marker if the value of the IHTMLRuleStyle::listStyleImage property is set to none, or if the image pointed to by the URL cannot be displayed.
The IHTMLRuleStyle::listStyleType property can be applied to any element when IHTMLRuleStyle::margin and IHTMLRuleStyle::display:list-item are applied. The IHTMLRuleStyle::display:list-item property is available starting with Microsoft Internet Explorer 6.
If the left margin of a line item is set to 0 using one of the IHTMLRuleStyle::margin properties, the list-item markers do not show. The margin should be set to a minimum of 30 points.
Below you can see the different values for IHTMLRuleStyle::listStyleType.
Examples
The following examples use the IHTMLRuleStyle::listStyleType attribute and the IHTMLRuleStyle::listStyleType property to set the markers.
This example uses ul as a selector in an embedded (global) style sheet to change the marker type to circle.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/list-style-type.htm
<style>
ul { list-style-type:circle }
</style>
This example uses inline scripting to change the marker type on when an HTMLFrameSiteEvents::onmouseover event occurs.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/listStyleType.htm
<ul onmouseover="this.style.listStyleType='circle'">
This example demonstrates the newer line-item markers added for Internet Explorer 8.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/list-style-type_ie8.htm
<style type="text/css">
.decleadzero {
list-style-type: decimal-leading-zero;
}
...
</style>
<body>
<ol class="decleadzero">
<li>This is the first item. </li>
<li>This is the second item. </li>
<li>This is the third item. </li>
</ol>
...
</body>
Requirements
Minimum supported client |
Windows XP |
Minimum supported server |
Windows Server 2003 |
Header |
Mshtml.h |
IDL |
Mshtml.idl |
DLL |
Mshtml.dll |