CSS List-style-type Property

Reference explaining the use of List-style-type. Includes a list of possible values, and detailed explanation of each.

The list-style-type Property of CSS specifies the appearance of the list item marker. The marker can be set to one of the below, if list-style-image is set to none (its default).

glyphs, alphabetic systems, and numbering systems.

Default: Inherited? Applies to: Media: Computed value:
disc YES! Elements with display: list- item; Visual As Specified.

Possible Values

Property Value Group: Property Value'(s): Description:
Glyphs disc | circle | square The rendering might differ depending on the user agent, you may want to use an image instead.
Alphabetic systems lower-latin | lower-alpha | upper-latin | upper-alpha | lower- greek The specification is not mentioning how alphabetic systems wrap at the end of the alphabet. So its recommended to use numbers for lists longer then 26 list-items, (The standard number of letters in the alphabet.
Alphabetic systems decimal | decimal-leading-zero | lower-roman | upper-roman | georgian | armenian Assigns each list item its own number. I.e. 1, 2, 3, ..., 98, 99. Etc

Alphabetic and Numbering Systems

Explanation of Numbering Systems

decimal

Decimal numbers begins with 1.

decimal-leading-zero

Decimal numbers beginnig with initial zeros (01, 02, 03, ..., 98, 99).

lower-roman

Lowercase roman numerals (i, ii, iii, iv, v, Etc.).

upper-roman

Uppercase roman numerals (I, II, III, IV, V, Etc.).

georgian

Georgian numbering (an, ban, gan, ..., he, tan, in, in-an, Etc.).

armenian

Armenian numbering uses the Capital letters of the ancient armenians

lower-latin or lower-alpha

Lowercase ascii letters (a, b, c, ..., z).

upper-latin or upper-alpha

Uppercase ascii letters (A, B, C, ..., Z).

lower-greek

Lowercase classical Greek alpha, beta, gamma, ... (a, ß, ?, ...).

List-style-type Example

<ol style="list-style-type:none;">
 <li>List Item</li>
 <li>List Item</li>
 <li>List Item</li>
</ol>

Brugbart Vision!