MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 509695 of list-style-type

  • Revision slug: Web/CSS/list-style-type
  • Revision title: list-style-type
  • Revision id: 509695
  • Created:
  • Creator: upsuper
  • Is current revision? No
  • Comment Firefox is the only browser supports new list style types up to now.

Revision Content

{{CSSRef}}

Summary

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 {{HTMLElement("li")}} element, but can be any element with this {{cssxref("display")}} value.

{{cssbox("list-style-type")}}

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

Syntax

Formal syntax: {{csssyntax("list-style-type")}}

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
  • Han decimal numbers
  • Beginning with 1.
cjk-decimal {{experimental_inline}}
  • Decimal numbers
  • E.g. 一, 二, 三, ..., 九八, 九九, 一〇〇
decimal-leading-zero
  • Decimal numbers
  • Padded by initial zeros
  • E.g. 01, 02, 03, … 98, 99
lower-roman
  • Lowercase roman numerals
  • E.g. i, ii, iii, iv, v…
upper-roman
  • Uppercase roman numerals
  • E.g. I, II, III, IV, V…
lower-greek
  • Lowercase classical Greek
  • alpha, beta, gamma…
  • E.g. α, β, γ…
lower-alpha
lower-latin
  • Lowercase ASCII letters
  • E.g. a, b, c, … z
  • lower-latin is unsupported in IE7 and earlier
  • See {{anch("Browser compatibility")}} section.
upper-alpha
upper-latin
  • Uppercase ASCII letters
  • E.g. A, B, C, … Z
  • upper-latin is unsupported in IE7 and earlier
armenian
  • Traditional Armenian numbering
  • (ayb/ayp, ben/pen, gim/keem…
georgian
  • Traditional Georgian numbering
  • E.g. an, ban, gan, … he, tan, in…
hebrew {{experimental_inline}}
  • Traditional Hebrew numbering
ethiopic-numeric {{experimental_inline}}
  • Example
hiragana {{experimental_inline}}
  • a, i, u, e, o, ka, ki, …
  • (Japanese)
katakana {{experimental_inline}}
  • A, I, U, E, O, KA, KI, …
  • (Japanese)
hiragana-iroha {{experimental_inline}}
  • i, ro, ha, ni, ho, he, to, …
  • {{interwiki('wikipedia', 'Iroha')}} is the old japanese ordering of syllabs.
katakana-iroha {{experimental_inline}}
  • I, RO, HA, NI, HO, HE, TO, …
  • {{interwiki('wikipedia', 'Iroha')}} is the old japanese ordering of syllabs.
japanese-informal {{experimental_inline}}
  • Japanese informal numbering
japanese-formal {{experimental_inline}}
  • Japanese formal numbering to be used in legal or financial document.
  • E.g., 壱萬壱阡壱百壱拾壱
  • The kanjis are designed so that they can't be modified to look like another correct one
korean-hangul-formal {{experimental_inline}}
  • Korean hangul numbering.
  • E.g., 일만 일천일백일십일
korean-hanja-informal {{experimental_inline}}
  • Korean hanja numbering.
  • E.g., 萬 一千百十一
korean-hanja-formal {{experimental_inline}}
  • Formal Korean Han numberging.
  • E.g. 壹萬 壹仟壹百壹拾壹
simp-chinese-informal {{experimental_inline}}
  • Simplified Chinese informal numberging.
  • E.g. 一万一千一百一十一
simp-chinese-formal {{experimental_inline}}
  • Simplified Chinese formal numberging.
  • E.g. 壹万壹仟壹佰壹拾壹
trad-chinese-informal {{experimental_inline}}
  • Traditional Chinese informal numberging.
  • E.g. 一萬一千一百一十一
trad-chinese-formal {{experimental_inline}}
cjk-ideographic {{experimental_inline}}
  • Traditional Chinese formal numberging.
  • E.g. 壹萬壹仟壹佰壹拾壹

Non-standard extensions

Extended set of values provided by Mozilla (Firefox), Blink (Chrome and Opera) and WebKit (Safari) to support list types in other languages. See the compatibility table to check which browsers supports which extension.

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
gujarati
-moz-gujarati
  • Example
gurmukhi
-moz-gurmukhi
  • Example
hangul
-moz-hangul
  • Example
  • Example
  • Example
hangul-consonant
-moz-hangul-consonant
  • Example
  • Example
  • 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-tamil
  • Example
telugu
-moz-telugu
  • Example
thai
-moz-thai
  • Example
urdu
-moz-urdu
  • Example

Examples

{{CSSLiveSample("list-style")}}

ol { list-style-type: upper-alpha; }

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

Notes

  • Some list-style-types require a suitable font installed to display as expected.
  • The CSS specification does not define how alphabetic systems wrap at the end of the alphabet. For instance, after 26 list items, upper-alpha rendering is undefined. Firefox and other browsers will continue as AA, AB, AC,... For long lists, it is recommended that authors specify true numbers.

Specifications

Specification Status Comment
{{SpecName('CSS3 Lists', '#list-style-type', 'list-style-type')}} {{Spec2('CSS3 Lists')}} Adds support for identifiers used in @counter-style rules to keywords.
Adds hebrew, cjk-ideographic, hiragana, hiragana-iroha, katakana, katakana-iroha, japanese-formal, japanese-informal, simp-chinese-formal, trad-chinese-formal, simp-chinese-formal, trad-chinese-formal,korean-hangul-formal, korean-hanja-informal, korean-hanja-formal, cjk-decimal, ethiopic style types.
{{SpecName('CSS2.1', 'generate.html#propdef-list-style-type', 'list-style-type')}} {{Spec2('CSS2.1')}} Initial definition.

Browser compatibility

{{CompatibilityTable}}
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support including :
none, disc, circle, square, decimal, lower-alpha, upper-alpha, lower-roman, upper-roman
1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
lower-latin, upper-latin, lower-greek, armenian, georgian 1.0 1.0 (1.0) 8.0 6.0 1.0 (85)
decimal-leading-zero 1.0 1.0 (1.0) 8.0 8.0 1.0 (85)
hebrew, cjk-ideographic, hiragana, hiragana-iroha, katakana, katakana-iroha {{experimental_inline}} 1.0 1.0 (1.0) {{CompatNo}} 7.0 (but displays decimal numbers only)
15.0
1.0-1.2 (85-125)
japanese-formal, japanese-informal, simp-chinese-formal, trad-chinese-formal, simp-chinese-informal, trad-chinese-informal {{experimental_inline}} {{CompatNo}} {{CompatGeckoDesktop("1.0")}} {{property_prefix("-moz")}}
{{CompatGeckoDesktop("28.0")}}
{{CompatNo}} {{CompatNo}} {{CompatNo}}
korean-hangul-formal, korean-hanja-informal, korean-hanja-formal, cjk-decimal {{experimental_inline}} {{CompatNo}} {{CompatGeckoDesktop("28.0")}} {{CompatNo}} {{CompatNo}}

{{CompatNo}}

 

ethiopic-numeric {{experimental_inline}} {{CompatNo}} {{CompatGeckoDesktop("1.0")}} {{property_prefix("-moz")}} {{CompatNo}} {{CompatNo}}

{{CompatNo}}

Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

 

See also

  • {{Cssxref("list-style")}}, {{Cssxref("list-style-image")}}, {{Cssxref("list-style-position")}}

Revision Source

<div>
 {{CSSRef}}</div>
<h2 id="Summary">Summary</h2>
<p>The<code> list-style-type </code>CSS property specifies appearance of a list item element. As it is the only one who defaults to <code>display:list-item</code>, this is usually a {{HTMLElement("li")}} element, but can be any element with this {{cssxref("display")}} value.</p>
<p>{{cssbox("list-style-type")}}</p>
<p>The <a href="/en-US/docs/CSS/color_value" title="color">color</a> of the marker will be the same as the computed color of the element it applies to.</p>
<h2 id="Syntax">Syntax</h2>
<pre class="syntaxbox">
<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Value_definition_syntax">Formal syntax</a>: {{csssyntax("list-style-type")}}
</pre>
<h3 id="Values">Values</h3>
<dl>
 <dt>
  <code>none</code></dt>
 <dd>
  No item marker is shown.</dd>
</dl>
<p>Keywords value is one of the following:</p>
<dl style="font-size:90%;background:#eee;border:1px solid powderblue;padding:.5em 0 .5em .5em;-moz-column-width:20em;-moz-column-rule:1px solid powderblue;-webkit-columns:20em;-webkit-column-rule:1px solid powderblue;">
 <dt>
  <code>disc</code></dt>
 <dd>
  <ul style="list-style-type: disc">
   <li>A filled circle (default value)</li>
  </ul>
 </dd>
 <dt>
  <code>circle</code></dt>
 <dd>
  <ul style="list-style-type: circle">
   <li>A hollow circle</li>
  </ul>
 </dd>
 <dt>
  <code>square</code></dt>
 <dd>
  <ul style="list-style-type: square">
   <li>A filled square</li>
  </ul>
 </dd>
 <dt>
  <code>decimal</code></dt>
 <dd>
  <ul style="list-style-type: decimal">
   <li>Han decimal numbers</li>
   <li>Beginning with 1.</li>
  </ul>
 </dd>
 <dt>
  <code>cjk-decimal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: cjk-decimal">
   <li>Decimal numbers</li>
   <li>E.g. 一, 二, 三, ..., 九八, 九九, 一〇〇</li>
  </ul>
 </dd>
 <dt>
  <code>decimal-leading-zero</code></dt>
 <dd>
  <ul style="list-style-type: decimal-leading-zero">
   <li>Decimal numbers</li>
   <li>Padded by initial zeros</li>
   <li>E.g. 01, 02, 03, … 98, 99</li>
  </ul>
 </dd>
 <dt>
  <code>lower-roman</code></dt>
 <dd>
  <ul style="list-style-type: lower-roman">
   <li>Lowercase roman numerals</li>
   <li>E.g. i, ii, iii, iv, v…</li>
  </ul>
 </dd>
 <dt>
  <code>upper-roman</code></dt>
 <dd>
  <ul style="list-style-type: upper-roman">
   <li>Uppercase roman numerals</li>
   <li>E.g. I, II, III, IV, V…</li>
  </ul>
 </dd>
 <dt>
  <code>lower-greek</code></dt>
 <dd>
  <ul style="list-style-type: lower-greek">
   <li>Lowercase classical Greek</li>
   <li>alpha, beta, gamma…</li>
   <li>E.g. α, β, γ…</li>
  </ul>
 </dd>
 <dt>
  <code>lower-alpha</code></dt>
 <dt>
  <code>lower-latin</code></dt>
 <dd>
  <ul style="list-style-type: lower-alpha">
   <li>Lowercase ASCII letters</li>
   <li>E.g. a, b, c, … z</li>
   <li><code>lower-latin</code> is unsupported in IE7 and earlier</li>
   <li>See {{anch("Browser compatibility")}} section.</li>
  </ul>
 </dd>
 <dt>
  <code>upper-alpha</code></dt>
 <dt>
  <code>upper-latin</code></dt>
 <dd>
  <ul style="list-style-type: upper-alpha">
   <li>Uppercase ASCII letters</li>
   <li>E.g. A, B, C, … Z</li>
   <li><code>upper-latin</code> is unsupported in IE7 and earlier</li>
  </ul>
 </dd>
 <dt>
  <code>armenian</code></dt>
 <dd>
  <ul style="list-style-type: armenian">
   <li>Traditional Armenian numbering</li>
   <li>(ayb/ayp, ben/pen, gim/keem…</li>
  </ul>
 </dd>
 <dt>
  <code>georgian</code></dt>
 <dd>
  <ul style="list-style-type: georgian">
   <li>Traditional Georgian numbering</li>
   <li>E.g. an, ban, gan, … he, tan, in…</li>
  </ul>
 </dd>
 <dt>
  <code>hebrew</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: hebrew">
   <li>Traditional Hebrew numbering</li>
  </ul>
 </dd>
 <dt>
  ethiopic-numeric {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: -moz-ethiopic-numeric">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  <code>hiragana</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: hiragana">
   <li>a, i, u, e, o, ka, ki, …</li>
   <li>(Japanese)</li>
  </ul>
 </dd>
 <dt>
  <code>katakana</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: katakana">
   <li>A, I, U, E, O, KA, KI, …</li>
   <li>(Japanese)</li>
  </ul>
 </dd>
 <dt>
  <code>hiragana-iroha</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: hiragana-iroha">
   <li>i, ro, ha, ni, ho, he, to, …</li>
   <li>{{interwiki('wikipedia', 'Iroha')}} is the old japanese ordering of syllabs.</li>
  </ul>
 </dd>
 <dt>
  <code>katakana-iroha</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: katakana-iroha">
   <li>I, RO, HA, NI, HO, HE, TO, …</li>
   <li>{{interwiki('wikipedia', 'Iroha')}} is the old japanese ordering of syllabs.</li>
  </ul>
 </dd>
 <dt>
  <code>japanese-informal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: japanese-informal">
   <li>Japanese informal numbering</li>
  </ul>
 </dd>
 <dt>
  <code>japanese-formal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: japanese-formal">
   <li>Japanese formal numbering to be used in legal or financial document.</li>
   <li>E.g., 壱萬壱阡壱百壱拾壱</li>
   <li>The kanjis are designed so that they can't be modified to look like another correct one</li>
  </ul>
 </dd>
 <dt>
  <code>korean-hangul-formal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: korean-hangul-formal">
   <li>Korean hangul numbering.</li>
   <li>E.g., 일만 일천일백일십일</li>
  </ul>
 </dd>
 <dt>
  <code>korean-hanja-informal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: korean-hanja-informal">
   <li>Korean hanja numbering.</li>
   <li>E.g., 萬 一千百十一</li>
  </ul>
 </dd>
 <dt>
  <code>korean-hanja-formal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: korean-hanja-formal">
   <li>Formal Korean Han numberging.</li>
   <li>E.g. 壹萬 壹仟壹百壹拾壹</li>
  </ul>
 </dd>
 <dt>
  <code>simp-chinese-informal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: simp-chinese-informal">
   <li>Simplified Chinese informal numberging.</li>
   <li>E.g. 一万一千一百一十一</li>
  </ul>
 </dd>
 <dt>
  <code>simp-chinese-formal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: simp-chinese-formal">
   <li>Simplified Chinese formal numberging.</li>
   <li>E.g. 壹万壹仟壹佰壹拾壹</li>
  </ul>
 </dd>
 <dt>
  <code>trad-chinese-informal</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: trad-chinese-informal">
   <li>Traditional Chinese informal numberging.</li>
   <li>E.g. 一萬一千一百一十一</li>
  </ul>
 </dd>
 <dt>
  <code>trad-chinese-formal</code> {{experimental_inline}}</dt>
 <dt>
  <code>cjk-ideographic</code> {{experimental_inline}}</dt>
 <dd>
  <ul style="list-style-type: cjk-ideographic">
   <li>Traditional Chinese formal numberging.</li>
   <li>E.g. 壹萬壹仟壹佰壹拾壹</li>
  </ul>
 </dd>
</dl>
<h3 id="Non-standard_extensions">Non-standard extensions</h3>
<p>Extended set of values provided by Mozilla (Firefox), Blink (Chrome and Opera) and WebKit (Safari) to support list types in other languages. See the compatibility table to check which browsers supports which extension.</p>
<dl style="font-size:90%;background:#eee;border:1px solid powderblue;padding: .5em 0 .5em .5em;-moz-column-width:16em;-moz-column-rule:1px solid powderblue;-webkit-columns:16em;-webkit-column-rule:1px solid powderblue">
 <dt>
  arabic-indic</dt>
 <dt>
  -moz-arabic-indic</dt>
 <dd>
  <ul style="list-style-type:-moz-arabic-indic; list-style-type:arabic-indic">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  bengali</dt>
 <dt>
  -moz-bengali</dt>
 <dd>
  <ul style="list-style-type:-moz-bengali; list-style-type:bengali">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  cjk-earthly-branch</dt>
 <dt>
  -moz-cjk-earthly-branch</dt>
 <dd>
  <ul style="list-style-type:-moz-cjk-earthly-branch;list-style-type:cjk-earthly-branch">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  cjk-heavenly-stem</dt>
 <dt>
  -moz-cjk-heavenly-stem</dt>
 <dd>
  <ul style="list-style-type:-moz-cjk-heavenly-stem; list-style-type:cjk-heavenly-stem">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  devanagari</dt>
 <dt>
  -moz-devanagari</dt>
 <dd>
  <ul style="list-style-type:-moz-devanagari; list-style-type:devanagari">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  -moz-ethiopic-halehame</dt>
 <dd>
  <ul style="list-style-type: -moz-ethiopic-halehame">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  -moz-ethiopic-halehame-am</dt>
 <dd>
  <ul style="list-style-type: -moz-ethiopic-halehame-am">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  ethiopic-halehame-ti-er</dt>
 <dt>
  -moz-ethiopic-halehame-ti-er</dt>
 <dd>
  <ul style="list-style-type:-moz-ethiopic-halehame-ti-er; list-style-type:ethiopic-halehame-ti-er">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  ethiopic-halehame-ti-et</dt>
 <dt>
  -moz-ethiopic-halehame-ti-et</dt>
 <dd>
  <ul style="list-style-type:-moz-ethiopic-halehame-ti-et; list-style-type:ethiopic-halehame-ti-et">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  gujarati</dt>
 <dt>
  -moz-gujarati</dt>
 <dd>
  <ul style="list-style-type:-moz-gujarati; list-style-type:gujarati">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  gurmukhi</dt>
 <dt>
  -moz-gurmukhi</dt>
 <dd>
  <ul style="list-style-type:-moz-gurmukhi; list-style-type:gurmukhi">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  hangul</dt>
 <dt>
  -moz-hangul</dt>
 <dd>
  <ul style="list-style-type:-moz-hangul; list-style-type:hangul">
   <li>Example</li>
   <li>Example</li>
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  hangul-consonant</dt>
 <dt>
  -moz-hangul-consonant</dt>
 <dd>
  <ul style="list-style-type:-moz-hangul-consonant; list-style-type:hangul-consonant">
   <li>Example</li>
   <li>Example</li>
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  kannada</dt>
 <dt>
  -moz-kannada</dt>
 <dd>
  <ul style="list-style-type: -moz-kannada; list-style-type:kannada">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  khmer</dt>
 <dt>
  -moz-khmer</dt>
 <dd>
  <ul style="list-style-type:-moz-khmer; list-style-type:khmer">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  lao</dt>
 <dt>
  -moz-lao</dt>
 <dd>
  <ul style="list-style-type:-moz-lao;list-style-type:lao">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  malayalam</dt>
 <dt>
  -moz-malayalam</dt>
 <dd>
  <ul style="list-style-type:-moz-malayalam;list-style-type:malayalam">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  myanmar</dt>
 <dt>
  -moz-myanmar</dt>
 <dd>
  <ul style="list-style-type:-moz-myanmar;list-style-type:myanmar">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  oriya</dt>
 <dt>
  -moz-oriya</dt>
 <dd>
  <ul style="list-style-type:-moz-oriya; list-style-type:oriya">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  persian</dt>
 <dt>
  -moz-persian</dt>
 <dd>
  <ul style="list-style-type:-moz-persian; list-style-type:persian">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  -moz-tamil</dt>
 <dd>
  <ul style="list-style-type: -moz-tamil">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  telugu</dt>
 <dt>
  -moz-telugu</dt>
 <dd>
  <ul style="list-style-type:-moz-telugu; list-style-type:telugu">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  thai</dt>
 <dt>
  -moz-thai</dt>
 <dd>
  <ul style="list-style-type:-moz-thai; list-style-type:thai">
   <li>Example</li>
  </ul>
 </dd>
 <dt>
  urdu</dt>
 <dt>
  -moz-urdu</dt>
 <dd>
  <ul style="list-style-type:-moz-urdu;list-style-type:urdu">
   <li>Example</li>
  </ul>
 </dd>
</dl>
<h2 id="Examples">Examples</h2>
<p>{{CSSLiveSample("list-style")}}</p>
<pre>
ol { list-style-type: upper-alpha; }

/* or use the shortcut "list-style": */
ol { list-style: upper-alpha; }</pre>
<h2 id="Notes">Notes</h2>
<ul>
 <li>Some list-style-types require a suitable font installed to display as expected.</li>
 <li>The CSS specification does not define how alphabetic systems wrap at the end of the alphabet. For instance, after 26 list items, <code>upper-alpha</code> rendering is undefined. Firefox and other browsers will continue as AA, AB, AC,... For long lists, it is recommended that authors specify true numbers.</li>
</ul>
<h2 id="Specifications">Specifications</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSS3 Lists', '#list-style-type', 'list-style-type')}}</td>
   <td>{{Spec2('CSS3 Lists')}}</td>
   <td>Adds support for identifiers used in <code>@counter-style</code> rules to keywords.<br />
    Adds <code>hebrew</code>, <code>cjk-ideographic</code>, <code>hiragana</code>, <code>hiragana-iroha</code>, <code>katakana</code>, <code>katakana-iroha</code>, <code>japanese-formal</code>, <code>japanese-informal</code>, <code>simp-chinese-formal</code>, <code>trad-chinese-formal</code>, <code>simp-chinese-formal</code>, <code>trad-chinese-formal</code>,<code>korean-hangul-formal</code>, <code>korean-hanja-informal</code>, <code><code>korean-hanja-formal</code></code>, <code>cjk<code>-decimal</code></code>, <code>ethiopic</code> style types.</td>
  </tr>
  <tr>
   <td>{{SpecName('CSS2.1', 'generate.html#propdef-list-style-type', 'list-style-type')}}</td>
   <td>{{Spec2('CSS2.1')}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<div>
 {{CompatibilityTable}}</div>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari (WebKit)</th>
   </tr>
   <tr>
    <td>Basic support including :<br />
     <code>none</code>, <code>disc</code>, <code>circle</code>, <code>square</code>, <code>decimal</code>, <code>lower-alpha</code>, <code>upper-alpha</code>, <code>lower-roman</code>, <code>upper-roman </code></td>
    <td>1.0</td>
    <td>1.0 (1.0)</td>
    <td>4.0</td>
    <td>3.5</td>
    <td>1.0 (85)</td>
   </tr>
   <tr>
    <td><code>lower-latin</code>, <code>upper-latin</code>, <code>lower-greek</code>, <code>armenian</code>, <code>georgian</code></td>
    <td>1.0</td>
    <td>1.0 (1.0)</td>
    <td>8.0</td>
    <td>6.0</td>
    <td>1.0 (85)</td>
   </tr>
   <tr>
    <td><code>decimal-leading-zero</code></td>
    <td>1.0</td>
    <td>1.0 (1.0)</td>
    <td>8.0</td>
    <td>8.0</td>
    <td>1.0 (85)</td>
   </tr>
   <tr>
    <td><code>hebrew</code>, <code>cjk-ideographic</code>, <code>hiragana</code>, <code>hiragana-iroha</code>, <code>katakana</code>, <code>katakana-iroha</code> {{experimental_inline}}</td>
    <td>1.0</td>
    <td>1.0 (1.0)</td>
    <td>{{CompatNo}}</td>
    <td>7.0 (but displays decimal numbers only)<br />
     15.0</td>
    <td>1.0-1.2 (85-125)</td>
   </tr>
   <tr>
    <td><code>japanese-formal</code>, <code>japanese-informal</code>, <code>simp-chinese-formal</code>, <code>trad-chinese-formal</code>, <code>simp-chinese-informal</code>, <code>trad-chinese-informal</code> {{experimental_inline}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatGeckoDesktop("1.0")}} {{property_prefix("-moz")}}<br />
     {{CompatGeckoDesktop("28.0")}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatNo}}</td>
   </tr>
   <tr>
    <td><code>korean-hangul-formal</code>, <code>korean-hanja-informal</code>, <code><code>korean-hanja-formal</code></code>, <code>cjk<code>-decimal</code></code> {{experimental_inline}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatGeckoDesktop("28.0")}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatNo}}</td>
    <td>
     <p>{{CompatNo}}</p>
     <p>&nbsp;</p>
    </td>
   </tr>
   <tr>
    <td><code>ethiopic-numeric</code> {{experimental_inline}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatGeckoDesktop("1.0")}} {{property_prefix("-moz")}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatNo}}</td>
    <td>
     <p>{{CompatNo}}</p>
    </td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Phone</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<p>&nbsp;</p>
<h2 id="See_also">See also</h2>
<ul>
 <li>{{Cssxref("list-style")}}, {{Cssxref("list-style-image")}}, {{Cssxref("list-style-position")}}</li>
</ul>
Revert to this revision