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

The tables show results for tests run on the date shown. Above the tables are summaries of the results at that date. The table data may be more up-to-date than the summary. If the tables contain some incorrectly scored tests, or tests that relate to non-released versions of browsers, these are not included in the summary.

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.

Simple numeric

Snapshot summary, 2014-02-14
Firefox 22.0, Chrome 32.0.1700.107, Safari 6.1.1, Opera 19.0, Internet Explorer 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.

Notes:

  1. armenian, Chrome, Safari, Opera & Internet Explorer use Armenian characters for 10,000 and 10,001.
Assertion Firefox Chrome Safari Opera IE 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, 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, 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, 2014-02-14
Firefox 22.0, Chrome 32.0.1700.107, Safari 6.1.1, Opera 19.0, Internet Explorer 9

All browsers tested supported lower-greek.

Firefox, Chrome and Safari also supported counter-styles for the hiragana, hiragana-iroha, katakana, and katakana-iroha counter styles, but they all used a period rather than an ideographic comma as a suffix.

Assertion Firefox Chrome Safari Opera IE 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, 2014-02-14
Firefox 22.0, Chrome 32.0.1700.107, Safari 6.1.1, Opera 19.0, Internet Explorer 9

None of the browsers tested supported these japanese counter styles.

Assertion Firefox Chrome Safari Opera IE 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, 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, 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, 2014-02-14
Firefox 22.0, Chrome 32.0.1700.107, Safari 6.1.1, Opera 19.0, Internet Explorer 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 Firefox Chrome Safari Opera IE 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, 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, 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, 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, 2014-02-14
Firefox 22.0, Chrome 32.0.1700.107, Safari 6.1.1, Opera 19.0, Internet Explorer 9

None of the browsers tested supported these chinese counter styles.

Assertion Firefox Chrome Safari Opera IE 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, 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, 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, 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, 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, 2014-02-14
Firefox 22.0, Chrome 32.0.1700.107, Safari 6.1.1, Opera 19.0, Internet Explorer 9

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

Assertion Firefox Chrome Safari Opera IE 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.