ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}

Try it yourself »

More examples at the bottom of this page.

Definition and Usage

The list-style-type specifies the type of list-item marker in a list.

Default value:	"disc" for <ul> and "decimal" for <ol>
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.listStyleType="square"

Browser Support

The list-style-type property is supported in all major browsers.

Note: IE9 and Opera 11 do not support: cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana, and katakana-iroha.

Note: IE8, and earlier, only support the property values: decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian, georgian, and inherit if a DOCTYPE is specified!

Property Values

Value	Description	Play it
armenian	The marker is traditional Armenian numbering	Play it »
circle	The marker is a circle	Play it »
cjk-ideographic	The marker is plain ideographic numbers	Play it »
decimal	The marker is a number. This is default for <ol>	Play it »
decimal-leading-zero	The marker is a number with leading zeros (01, 02, 03, etc.)	Play it »
disc	The marker is a filled circle. This is default for <ul>	Play it »
georgian	The marker is traditional Georgian numbering	Play it »
hebrew	The marker is traditional Hebrew numbering	Play it »
hiragana	The marker is traditional Hiragana numbering	Play it »
hiragana-iroha	The marker is traditional Hiragana iroha numbering	Play it »
inherit	The value of the listStyleType property is inherited from parent element
katakana	The marker is traditional Katakana numbering	Play it »
katakana-iroha	The marker is traditional Katakana iroha numbering	Play it »
lower-alpha	The marker is lower-alpha (a, b, c, d, e, etc.)	Play it »
lower-greek	The marker is lower-greek	Play it »
lower-latin	The marker is lower-latin (a, b, c, d, e, etc.)	Play it »
lower-roman	The marker is lower-roman (i, ii, iii, iv, v, etc.)	Play it »
none	No marker is shown	Play it »
square	The marker is a square	Play it »
upper-alpha	The marker is upper-alpha (A, B, C, D, E, etc.)	Play it »
upper-latin	The marker is upper-latin (A, B, C, D, E, etc.)	Play it »
upper-roman	The marker is upper-roman (I, II, III, IV, V, etc.)	Play it »