CSS `list-style-type` Property

Description

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

The following table summarizes the usages context and the version history of this property.

Default value:	`disc`
Applies to:	List items
Inherited:	Yes
Animatable:	No. See animatable properties.
Version:	CSS 1, 2, 3

The syntax of the property is given with:

list-style-type:

The example below shows the list-style-type property in action.

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

The following table describes the values of this property.

Value	Description
`disc`	The marker is a filled circle.
`circle`	The marker is a hollow circle.
`square`	The marker is a filled square.
`decimal`	The marker is a – Decimal number Beginning with 1.
`decimal-leading-zero`	The marker is a – Decimal number Padded by initial zero E.g. 01, 02, 03, ... 10, 11
`lower-roman`	The marker is – Lowercase roman numerals E.g. i, ii, iii, iv, v, ...
`upper-roman`	The marker is – Uppercase roman numerals E.g. I, II, III, IV, V, ...
`lower-greek`	The marker is – Lowercase Greek letters alpha, beta, gamma, ... E.g. α, β, γ, ...
`lower-latin`	The marker is – Lowercase Latin letters E.g. a, b, c, ... z
`upper-latin`	The marker is – Uppercase Latin letters E.g. A, B, C, ... Z
`armenian`	The marker is – Traditional Armenian numbering E.g. ayb/ayp, ben/pen, gim/keem, ...
`georgian`	The marker is – Traditional Georgian numbering E.g. an, ban, gan, ... he, tan, in ...
`lower-alpha`	The marker is – Uppercase Latin letters E.g. a, b, c, ... z
`upper-alpha`	The marker is – Uppercase Latin letters E.g. A, B, C, ... Z
`none`	Specifies no marker.
`initial`	Sets this property to its default value.
`inherit`	If specified, the associated element takes the computed value of its parent element `list-style-type` property.

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