CSS Reference Manual

CSS @rules

CSS attribute大全

CSS margin attribute CSS List-style-position Attribute

CSS List-style-type attribute usage and example

The list-style-The type CSS property specifies the type of marker for the list item.

The following table provides usage instructions and version history for this attribute, as well as the syntax for using this attribute in JavaScript scripts.

Default value:	disc
Applies to:	List item
Inheritance:	Yes
Animatable:	No.See also Animation properties.
Version:	CSS 1,2,3
JavaScript syntax:	object.style.listStyleType="circle"

list-style-Syntax of type usage

The syntax of this attribute is as follows:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

The following examples demonstrate how to use list-style-type attribute.

Example

　　ol {
　　　list-style-type: decimal;-leading-zero;
　　}
　　ul {
　　　list-style-type: square;
　　}

Test to see‹/›

Attribute value

The following table describes the values of this attribute.

Value	Description
disc	Default. The marker is a solid circle.
circle	The marker is a hollow circle.
square	The marker is a solid square.
decimal	The marker is a number.
decimal-leading-zero	Numeric markers starting with 0. (0)1, 02, 03, etc.
lower-roman	Lowercase Roman Numerals (i, ii, iii, iv, v, etc.)
upper-roman	Capital Roman Numerals (I, II, III, IV, V, etc.)
lower-alpha	The marker is lower case-alpha (a, b, c, d, e, etc.)
upper-alpha	The marker is upper case-alpha (A, B, C, D, E, etc.)
lower-greek	Lowercase Greek Letters (alpha, beta, gamma, etc.)
lower-latin	Lowercase Latin Letters (a, b, c, d, e, etc.)
upper-latin	Capital Latin Letters (A, B, C, D, E, etc.)
hebrew	Traditional Hebrew Numbering Method
armenian	Traditional Armenian Numbering Method
georgian	Traditional Georgian Numbering Method (an, ban, gan, etc.)
cjk-ideographic	Simple Ideographic Numbers
hiragana	The markers are: a, i, u, e, o, ka, ki, etc. (Katakana)
katakana	The markers are: A, I, U, E, O, KA, KI, etc. (Katakana)
hiragana-iroha	The markers are: i, ro, ha, ni, ho, he, to, etc. (Katakana)
katakana-iroha	The markers are: I, RO, HA, NI, HO, HE, TO, etc. (Katakana)
none	Do not specify a marker.
initial	Set this attribute to its default value.
inherit	If specified, the associated elements will adopt the parent element's list.-style-type Attribute Values.

Browser Compatibility

list-style-Browser Compatibility of type Attribute, the numbers in the table below indicate the minimum version number of browsers that support this attribute; all mainstream browsers support this attribute.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+