By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS List-style-type Property

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

Edited: 2016-01-11 23:25

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:

  1. glyphs
  2. alphabetic systems
  3. numbering systems

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 numbers begins with 1.


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


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


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


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


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).


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>