listStyleType property

Article
05/02/2017

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

CSS information

Applies To	All elements
Media	visual
Inherited	1
Initial Value	disc

Standards information

CSS 2.1, Section 5.6.3

Remarks

The IHTMLCSSStyleDeclaration::listStyleType property determines the appearance of the list-item marker if the value of the IHTMLCSSStyleDeclaration::listStyleImage property is set to none, or if the image pointed to by the URL cannot be displayed.

The IHTMLCSSStyleDeclaration::listStyleType property can be applied to any element when IHTMLCSSStyleDeclaration::margin and IHTMLCSSStyleDeclaration::display:list-item are applied. The IHTMLCSSStyleDeclaration::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 IHTMLCSSStyleDeclaration::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 IHTMLCSSStyleDeclaration::listStyleType.

Examples

The following examples use the IHTMLCSSStyleDeclaration::listStyleType attribute and the IHTMLCSSStyleDeclaration::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

Share via