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:

    ul { list-style-type:circle }

This example uses inline scripting to change the marker type on when an HTMLFrameSiteEvents::onmouseover event occurs.

Code example:

<ul onmouseover="'circle'">

This example demonstrates the newer line-item markers added for Internet Explorer 8.

Code example:

<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