list-style-type property CSS Reference

---

Definition and Usage

The list-style-type CSS property specifies appearance of a list item element. As it is the only one who defaults to display:list-item, this is usually a <li> element, but can be any element with this display value.

• Initial disc
• Applies to list items
• Inherited yes
• Media visual
• Computed Value as specified
• Animatable no
• Canonical order the unique non-ambiguous order defined by the formal grammar

The color of the marker will be the same as the computed color of the element it applies to.

---

Syntax

Formal syntax: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none

---

Values

none

No item marker is shown.

Keywords value is one of the following:

disc

• A filled circle (default value)

circle

• A hollow circle

square

• A filled square

decimal

• Decimal numbers
• Beginning with 1.

decimal-leading-zero

• Decimal numbers
• Padded by initial zeros
• (e.g., 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.)

lower-greek

• Lowercase classical Greek
• alpha, beta, gamma, ...
• (α, β, γ, ...)

lower-alpha | lower-latin

• Lowercase ASCII letters
• (a, b, c, ... z)
• lower-latin is unsupported in IE7
• See Browser compatibility section

upper-alpha | upper-latin

• Uppercase ASCII letters
• (A, B, C, ... Z)
• upper-latin is unsupported in IE7

armenian

• Traditional Armenian numbering
• (ayb/ayp, ben/pen, gim/keem, ...)

georgian

• Traditional Georgian numbering
• (an, ban, gan, ... he, tan, in ...)

CSS2 values, dropped in CSS 2.1, but supported in Gecko/Firefox and other browsers

hebrew

• Traditional Hebrew numbering

cjk-ideographic

• Plain ideographic numbers
• (Chinese-Japanese-Korean)

hiragana

• a, i, u, e, o, ka, ki, ...
• (Japanese)

katakana

• A, I, U, E, O, KA, KI, ...
• (Japanese)

hiragana-iroha

• i, ro, ha, ni, ho, he, to, ...
• Iroha

katakana-iroha

• I, RO, HA, NI, HO, HE, TO, ...

Mozilla extensions

Extended set of values provided by Mozilla (Firefox) to support list types in other languages.

arabic-indic

-moz-arabic-indic

• Example

bengali

-moz-bengali

• Example

cjk-earthly-branch

-moz-cjk-earthly-branch

• Example

cjk-heavenly-stem

-moz-cjk-heavenly-stem

• Example

devanagari

-moz-devanagari

• Example

-moz-ethiopic-halehame

• Example

-moz-ethiopic-halehame-am

• Example

ethiopic-halehame-ti-er

-moz-ethiopic-halehame-ti-er

• Example

ethiopic-halehame-ti-et

-moz-ethiopic-halehame-ti-et

• Example

-moz-ethiopic-numeric

• Example

gujarati

-moz-gujarati

• Example

gurmukhi

-moz-gurmukhi

• Example

hangul

-moz-hangul

• Example

hangul-consonant

-moz-hangul-consonant

• Example

-moz-japanese-formal

• Example

-moz-japanese-informal

• Example

kannada

-moz-kannada

• Example

khmer

-moz-khmer

• Example

lao

-moz-lao

• Example

malayalam

-moz-malayalam

• Example

myanmar

-moz-myanmar

• Example

oriya

-moz-oriya

• Example

persian

-moz-persian

• Example

-moz-simp-chinese-formal

• Example

-moz-simp-chinese-informal

• Example

-moz-tamil

• Example

telugu

-moz-telugu

• Example

thai

-moz-thai

• Example

-moz-trad-chinese-formal

• Example

-moz-trad-chinese-informal

• Example

urdu

-moz-urdu

• Example

---

Examples

ol { list-style-type: upper-alpha; }
/* or use the shortcut "list-style": */
ol { list-style: upper-alpha; }

---

Compatibility

Desktop browsers

Mobile browsers