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.
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.
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.
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:
| Test link | Assertion | Details |
|---|---|---|
| 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. | css3-counter-styles-001 |
| cjk-decimal, 10+ | Setting list-style-type to cjk-decimal will produce list numbering after 9 as described in the CSS3 Counter Styles module. | css3-counter-styles-004 |
| cjk-decimal, suffix | Setting list-style-type to cjk-decimal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-005 |
| 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. | css3-counter-styles-006 |
| armenian, 10+ | Setting list-style-type to armenian will produce list numbering after 9 as described in the CSS3 Counter Styles module. | css3-counter-styles-007 |
| 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. | css3-counter-styles-008 |
| armenian, suffix | Setting list-style-type to armenian will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-009 |
| 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. | css3-counter-styles-010 |
| georgian, 10+ | Setting list-style-type to georgian will produce list numbering after 9 as described in the CSS3 Counter Styles module. | css3-counter-styles-011 |
| 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. | css3-counter-styles-012 |
| georgian, suffix | Setting list-style-type to georgian will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-014 |
| 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. | css3-counter-styles-015 |
| hebrew, 10+ | Setting list-style-type to hebrew will produce list numbering after 9 as described in the CSS3 Counter Styles module. | css3-counter-styles-016 |
| hebrew, suffix | Setting list-style-type to hebrew will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-017 |
| 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. | css3-counter-styles-019 |
| 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. | css3-counter-styles-020 |
| 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. | css3-counter-styles-021 |
| lower-roman, suffix | Setting list-style-type to lower-roman will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-022 |
| 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. | css3-counter-styles-023 |
| 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. | css3-counter-styles-024 |
| 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. | css3-counter-styles-025 |
| upper-roman, suffix | Setting list-style-type to upper-roman will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-026 |
Links: Section 6.1 • Related tests
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.
| Test link | Assertion | Details |
|---|---|---|
| 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. | css3-counter-styles-027 |
| 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. | css3-counter-styles-028 |
| lower-greek, suffix | Setting list-style-type to lower-greek will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-029 |
| hiragana, simple | Setting list-style-type to hiragana will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module. | css3-counter-styles-030 |
| hiragana, extended | Setting list-style-type to hiragana will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module. | css3-counter-styles-031 |
| hiragana, suffix | Setting list-style-type to hiragana will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-032 |
| 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. | css3-counter-styles-033 |
| 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. | css3-counter-styles-034 |
| hiragana-iroha, suffix | Setting list-style-type to hiragana-iroha will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-035 |
| katakana, simple | Setting list-style-type to katakana will produce list numbering for the basic alphabet as described in the CSS3 Counter Styles module. | css3-counter-styles-036 |
| katakana, extended | Setting list-style-type to katakana will produce list numbering after the basic alphabet as described in the CSS3 Counter Styles module. | css3-counter-styles-037 |
| katakana, suffix | Setting list-style-type to katakana will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-038 |
| 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. | css3-counter-styles-039 |
| 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. | css3-counter-styles-040 |
| katakana-iroha, suffix | Setting list-style-type to katakana-iroha will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-041 |
Links: Section 6.2 • Related tests
None of the browsers tested supported these japanese counter styles.
| Test link | Assertion | Details |
|---|---|---|
| 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. | css3-counter-styles-042 |
| 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. | css3-counter-styles-043 |
| japanese-informal, negative | With list-style-type set to japanese-informal, negative list markers will be rendered according to the rules described. | css3-counter-styles-045 |
| japanese-informal, suffix | Setting list-style-type to japanese-informal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-046 |
| 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. | css3-counter-styles-047 |
| 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. | css3-counter-styles-048 |
| japanese-formal, negative | With list-style-type set to japanese-formal, negative list markers will be rendered according to the rules described. | css3-counter-styles-050 |
| japanese-formal, suffix | Setting list-style-type to japanese-formal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-051 |
Links: Section 7.1 • Related tests
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.
| Test link | Assertion | Details |
|---|---|---|
| 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. | css3-counter-styles-052 |
| 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. | css3-counter-styles-053 |
| korean-hangul-formal, negative | With list-style-type set to korean-hangul-formal, negative list markers will be rendered according to the rules described. | css3-counter-styles-055 |
| korean-hangul-formal, suffix | Setting list-style-type to korean-hangul-formal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-056 |
| 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. | css3-counter-styles-057 |
| 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. | css3-counter-styles-058 |
| korean-hanja-informal, negative | With list-style-type set to korean-hanja-informal, negative list markers will be rendered according to the rules described. | css3-counter-styles-060 |
| korean-hanja-informal, suffix | Setting list-style-type to korean-hanja-informal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-061 |
| 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. | css3-counter-styles-062 |
| 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. | css3-counter-styles-063 |
| korean-hanja-formal, negative | With list-style-type set to korean-hanja-formal, negative list markers will be rendered according to the rules described. | css3-counter-styles-065 |
| korean-hanja-formal, suffix | Setting list-style-type to korean-hanja-formal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-066 |
Links: Section 7.1 • Related tests
None of the browsers tested supported these chinese counter styles.
| Test link | Assertion | Details |
|---|---|---|
| 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. | css3-counter-styles-071 |
| 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. | css3-counter-styles-072 |
| simp-chinese-informal, negative | With list-style-type set to simp-chinese-informal, negative list markers will be rendered according to the rules described. | css3-counter-styles-074 |
| simp-chinese-informal, suffix | Setting list-style-type to simp-chinese-informal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-075 |
| 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. | css3-counter-styles-076 |
| 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. | css3-counter-styles-077 |
| simp-chinese-formal, negative | With list-style-type set to simp-chinese-formal, negative list markers will be rendered according to the rules described. | css3-counter-styles-079 |
| simp-chinese-formal, suffix | Setting list-style-type to simp-chinese-formal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-080 |
| 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. | css3-counter-styles-081 |
| 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. | css3-counter-styles-082 |
| trad-chinese-informal, negative | With list-style-type set to trad-chinese-informal, negative list markers will be rendered according to the rules described. | css3-counter-styles-084 |
| trad-chinese-informal, suffix | Setting list-style-type to trad-chinese-informal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-085 |
| 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. | css3-counter-styles-086 |
| 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. | css3-counter-styles-087 |
| trad-chinese-formal, negative | With list-style-type set to trad-chinese-formal, negative list markers will be rendered according to the rules described. | css3-counter-styles-089 |
| trad-chinese-formal, suffix | Setting list-style-type to trad-chinese-formal will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-090 |
Links: Section 7.1 • Related tests
None of the browsers tested supported the ethiopic-numeric counter style.
| Test link | Assertion | Details |
|---|---|---|
| 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. | css3-counter-styles-068 |
| 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. | css3-counter-styles-069 |
| ethiopic-numeric, suffix | Setting list-style-type to ethiopic-numeric will produce a suffix as described in the CSS3 Counter Styles module. | css3-counter-styles-070 |
Links: Section 7.2 • Related tests