Summarized test results:
CSS3 Counter Styles, predefined counters

Intended audience: users, XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), CSS coders, Web project managers, and anyone who wants to know whether user agents correctly apply predefined counter styles to list-style-type.

Updated

These tests check whether user agents natively support predefined counter styles in the CSS3 Counter Styles specification. To do so, the tests use list-style-type without any counter-style declarations.

Note that the snapshot summaries of these test results are for released versions of the browsers tested. Versions that are still in development may provide better support for these features. The tests themselves do not test any vendor prefixes.

results

To see the test, click on the link in the left-most column. To see detailed results for a single test, click on the link in the right-most column. To submit test data for a single test, click on the link in the right-most column and then follow the link on that page.

The tables show the latest results from the W3C Test Framework. Below the tables are summaries of the results at a given date. The table data may be more up-to-date than the summary. The tables may also contain some incorrectly scored tests, and tests that relate to non-released versions of browsers. These are not included in the summary.

Simple numeric

Snapshot summary, 2013-07-26
Firefox 22.0, Opera 12.16, Internet Explorer 10 & 9, Chrome 28.0.1500.71, Safari 5.1.9

No browser supported cjk-decimal.

All browsers tested supported armenian and georgian counter styles. In fact, all browsers except Firefox used Armenian character also beyond the range given in the spec, though not consistently.

Firefox, Chrome and Safari support hebrew counter styles, but not Opera or Internet Explorer.

All browsers support upper-roman and lower-roman, but only up to 3999 (in every case). The Counter Styles spec says that support should continue up to 4999, but no browser tested went beyond 3999.

Notes:

  1. armenian, Chrome, Safari, Opera & Internet Explorer use Armenian characters for 10,000 and 10,001.
  2. lower-roman, upper-roman, Firefox, Chrome, Safari & Internet Explorer display correctly for most of the numbers tested, but failed at the higher end with 4998 and 4999, showing ASCII digits. Opera is the same, but shows "...." rather than ASCII digits. Opera also shows the same for numbers beyond the specified range.
Assertion Gecko Presto Trident WebKit Detailed results
cjk-decimal, 0-9 Setting list-style-type to cjk-decimal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
cjk-decimal, 10+ Setting list-style-type to cjk-decimal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
cjk-decimal, suffix Setting list-style-type to cjk-decimal will produce a suffix as described in the CSS3 Counter Styles module.
armenian, 0-9 Setting list-style-type to armenian will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
armenian, 10+ Setting list-style-type to armenian will produce list numbering after 9 as described in the CSS3 Counter Styles module.
armenian, outside range With list-style-type set to armenian, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
armenian, suffix Setting list-style-type to armenian will produce a suffix as described in the CSS3 Counter Styles module.
georgian, 0-9 Setting list-style-type to georgian will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
georgian, 10+ Setting list-style-type to georgian will produce list numbering after 9 as described in the CSS3 Counter Styles module.
georgian, outside range With list-style-type set to georgian, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
georgian, suffix Setting list-style-type to georgian will produce a suffix as described in the CSS3 Counter Styles module.
hebrew, 0-9 Setting list-style-type to hebrew will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
hebrew, 10+ Setting list-style-type to hebrew will produce list numbering after 9 as described in the CSS3 Counter Styles module.
hebrew, suffix Setting list-style-type to hebrew will produce a suffix as described in the CSS3 Counter Styles module.
lower-roman, 0-9 Setting list-style-type to lower-roman will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
lower-roman, 10-3999 Setting list-style-type to lower-roman will produce list numbering after 9 as described in the CSS3 Counter Styles module.
lower-roman, 4000-4999 Setting list-style-type to lower-roman will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
lower-roman, outside range With list-style-type set to lower-roman, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
lower-roman, suffix Setting list-style-type to lower-roman will produce a suffix as described in the CSS3 Counter Styles module.
upper-roman, 0-9 Setting list-style-type to upper-roman will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
upper-roman, 10-3999 Setting list-style-type to upper-roman will produce list numbering after 9 as described in the CSS3 Counter Styles module.
upper-roman, 4000-4999 Setting list-style-type to upper-roman will produce list numbering after 9 as described in the CSS3 Counter Styles module.
upper-roman, outside range With list-style-type set to upper-roman, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
upper-roman, suffix Setting list-style-type to upper-roman will produce a suffix as described in the CSS3 Counter Styles module.

Simple alphabetic

Snapshot summary, 2013-07-26
Firefox 22.0, Opera 12.16, Internet Explorer 10 & 9, Chrome 28.0.1500.71, Safari 5.1.9

All browsers tested supported lower-greek.

The large block of red in this table is deceptive.

Firefox, Chrome and Safari also supported counter-styles for the hiragana, hiragana-iroha, katakana, and katakana-iroha counter styles, but they all added the same one or two additional characters to the end of the basic alphabetic set, over and above what is specified in the Counter Styles specification (which of course then pushes the higher numbers out of synch).

Notes:

  1. hiragana, Firefox, Chrome, Safari: All displayed a result, but the implementations include ゐ and ゑ before を and ん at the end of the basic sequence, so all results beyond that were out of synch by two positions. The suffix was also a period rather than an ideographic comma.
  2. katakana, Firefox, Chrome, Safari: As for hiragana, all displayed a result, but the implementations include ゐ and ゑ before を and ん at the end of the basic sequence, so all results beyond that were out of synch by two positions. The suffix was also a period rather than an ideographic comma.
  3. hiragana-iroha, Firefox, Chrome, Safari: The CSS3 spec includes a ん at the end that is not in the implementations. Following markers are therefore out of synch. Also, the suffix was a period rather than an ideographic comma .
  4. katakana-iroha, Firefox, Chrome, Safari: Same as hiragana-iroha.
Assertion Gecko Presto Trident WebKit Detailed results
lower-greek, simple Setting list-style-type to lower-greek will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module.
lower-greek, extended Setting list-style-type to lower-greek will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module.
lower-greek, suffix Setting list-style-type to lower-greek will produce a suffix as described in the CSS3 Counter Styles module.
hiragana, simple Setting list-style-type to hiragana will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module.
hiragana, extended Setting list-style-type to hiragana will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module.
hiragana, suffix Setting list-style-type to hiragana will produce a suffix as described in the CSS3 Counter Styles module.
hiragana-iroha, simple Setting list-style-type to hiragana-iroha will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module.
hiragana-iroha, extended Setting list-style-type to hiragana-iroha will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module.
hiragana-iroha, suffix Setting list-style-type to hiragana-iroha will produce a suffix as described in the CSS3 Counter Styles module.
katakana, simple Setting list-style-type to katakana will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module.
katakana, extended Setting list-style-type to katakana will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module.
katakana, suffix Setting list-style-type to katakana will produce a suffix as described in the CSS3 Counter Styles module.
katakana-iroha, simple Setting list-style-type to katakana-iroha will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module.
katakana-iroha, extended Setting list-style-type to katakana-iroha will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module.
katakana-iroha, suffix Setting list-style-type to katakana-iroha will produce a suffix as described in the CSS3 Counter Styles module.

Limited range Asian

Japanese

Snapshot summary, 2013-07-26
Firefox 22.0, Opera 12.16, Internet Explorer 10 & 9, Chrome 28.0.1500.71, Safari 5.1.9

None of the browsers tested supported these japanese counter styles.

Assertion Gecko Presto Trident WebKit Detailed results
japanese-informal, 0-9 Setting list-style-type to japanese-informal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
japanese-informal, 10-9999 Setting list-style-type to japanese-informal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
japanese-informal, outside range With list-style-type set to japanese-informal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
japanese-informal, negative With list-style-type set to japanese-informal, negative list markers will be rendered according to the rules described.
japanese-informal, suffix Setting list-style-type to japanese-informal will produce a suffix as described in the CSS3 Counter Styles module.
japanese-formal, 0-9 Setting list-style-type to japanese-formal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
japanese-formal, 10-9999 Setting list-style-type to japanese-formal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
japanese-formal, outside range With list-style-type set to japanese-formal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
japanese-formal, negative With list-style-type set to japanese-formal, negative list markers will be rendered according to the rules described.
japanese-formal, suffix Setting list-style-type to japanese-formal will produce a suffix as described in the CSS3 Counter Styles module.

Korean

Snapshot summary, 2013-07-26
Firefox 22.0, Opera 12.16, Internet Explorer 10 & 9, Chrome 28.0.1500.71, Safari 5.1.9

None of the browsers tested supported these korean counter styles. The green in the table is just because outside the specified range the list numbering fell back to the default Latin.

Assertion Gecko Presto Trident WebKit Detailed results
korean-hangul-formal, 0-9 Setting list-style-type to korean-hangul-formal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
korean-hangul-formal, 10-9999 Setting list-style-type to korean-hangul-formal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
korean-hangul-formal, outside range With list-style-type set to korean-hangul-formal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
korean-hangul-formal, negative With list-style-type set to korean-hangul-formal, negative list markers will be rendered according to the rules described.
korean-hangul-formal, suffix Setting list-style-type to korean-hangul-formal will produce a suffix as described in the CSS3 Counter Styles module.
korean-hanja-informal, 0-9 Setting list-style-type to korean-hanja-informal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
korean-hanja-informal, 10-9999 Setting list-style-type to korean-hanja-informal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
korean-hanja-informal, outside range With list-style-type set to korean-hanja-informal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
korean-hanja-informal, negative With list-style-type set to korean-hanja-informal, negative list markers will be rendered according to the rules described.
korean-hanja-informal, suffix Setting list-style-type to korean-hanja-informal will produce a suffix as described in the CSS3 Counter Styles module.
korean-hanja-formal, 0-9 Setting list-style-type to korean-hanja-formal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
korean-hanja-formal, 10-9999 Setting list-style-type to korean-hanja-formal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
korean-hanja-formal, outside range With list-style-type set to korean-hanja-formal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
korean-hanja-formal, negative With list-style-type set to korean-hanja-formal, negative list markers will be rendered according to the rules described.
korean-hanja-formal, suffix Setting list-style-type to korean-hanja-formal will produce a suffix as described in the CSS3 Counter Styles module.

Chinese

Snapshot summary, 2013-07-26
Firefox 22.0, Opera 12.16, Internet Explorer 10 & 9, Chrome 28.0.1500.71, Safari 5.1.9

None of the browsers tested supported these chinese counter styles.

Assertion Gecko Presto Trident WebKit Detailed results
simp-chinese-informal, 0-9 Setting list-style-type to simp-chinese-informal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
simp-chinese-informal, 10-9999 Setting list-style-type to simp-chinese-informal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
simp-chinese-informal, outside range With list-style-type set to simp-chinese-informal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
simp-chinese-informal, negative With list-style-type set to simp-chinese-informal, negative list markers will be rendered according to the rules described.
simp-chinese-informal, suffix Setting list-style-type to simp-chinese-informal will produce a suffix as described in the CSS3 Counter Styles module.
simp-chinese-formal, 0-9 Setting list-style-type to simp-chinese-formal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
simp-chinese-formal, 10-9999 Setting list-style-type to simp-chinese-formal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
simp-chinese-formal, outside range With list-style-type set to simp-chinese-formal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
simp-chinese-formal, negative With list-style-type set to simp-chinese-formal, negative list markers will be rendered according to the rules described.
simp-chinese-formal, suffix Setting list-style-type to simp-chinese-formal will produce a suffix as described in the CSS3 Counter Styles module.
trad-chinese-informal, 0-9 Setting list-style-type to trad-chinese-informal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
trad-chinese-informal, 10-9999 Setting list-style-type to trad-chinese-informal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
trad-chinese-informal, outside range With list-style-type set to trad-chinese-informal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
trad-chinese-informal, negative With list-style-type set to trad-chinese-informal, negative list markers will be rendered according to the rules described.
trad-chinese-informal, suffix Setting list-style-type to trad-chinese-informal will produce a suffix as described in the CSS3 Counter Styles module.
trad-chinese-formal, 0-9 Setting list-style-type to trad-chinese-formal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.
trad-chinese-formal, 10-9999 Setting list-style-type to trad-chinese-formal will produce list numbering after 9 as described in the CSS3 Counter Styles module.
trad-chinese-formal, outside range With list-style-type set to trad-chinese-formal, list markers above the limit specified in CSS3 will be rendered according to the special rules described.
trad-chinese-formal, negative With list-style-type set to trad-chinese-formal, negative list markers will be rendered according to the rules described.
trad-chinese-formal, suffix Setting list-style-type to trad-chinese-formal will produce a suffix as described in the CSS3 Counter Styles module.

Ethiopic

Snapshot summary, 2013-07-26
Firefox 22.0, Opera 12.16, Internet Explorer 10 & 9, Chrome 28.0.1500.71, Safari 5.1.9

None of the browsers tested supported the ethiopic-numeric counter style.

Assertion Gecko Presto Trident WebKit Detailed results
ethiopic-numeric, 0-9 Setting list-style-type to ethiopic-numeric will produce numbering for a list of up to 9 items as described in the CSS3 Counter Styles module.
ethiopic-numeric, 10+ Setting list-style-type to ethiopic-numeric will produce numbering for a list of items over 9 as described in the CSS3 Counter Styles module.
ethiopic-numeric, suffix Setting list-style-type to ethiopic-numeric will produce a suffix as described in the CSS3 Counter Styles module.