Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining
Collapse the table of content
Expand the table of content

listStyleType property

Sets or retrieves the predefined type of the line-item marker for the object.

CSS 2.1, Section 5.6.3Internet Explorer 9



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 ToAll elements
Initial Valuedisc

Standards information


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.

The different values for the list-style-type property


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

    ul { list-style-type:circle }

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;
 <ol class="decleadzero">
  <li>This is the first item. </li>
  <li>This is the second item. </li>
  <li>This is the third item. </li>


Minimum supported client

Windows XP [desktop apps only]

Minimum supported server

Windows Server 2003 [desktop apps only]









Community Additions

© 2015 Microsoft