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

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 IHTMLStyle::listStyleType property determines the appearance of the list-item marker if the value of the IHTMLStyle::listStyleImage property is set to none, or if the image pointed to by the URL cannot be displayed.

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

The different values for the list-style-type property


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