Summarized test results:
List style type

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 user agents correctly apply predefined counter styles to list-style-type.

Updated

These tests check whether user agents correctly apply predefined counter styles to list-style-type.

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

Note that the descriptions of styles in the specification are still not completely validated, and may in some cases be incorrect. These tests, nevertheless, assess the implementations against what is currently in the specification. In some cases, a test result may become positive in the future either because the implementation was changed or because the spec was changed.

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.

Numeric

Assertion Gecko Presto Trident WebKit Detailed results
arabic-indic Setting list-style-type to arabic-indic will produce list numbering as described in the CSS3 Lists module.
persian Setting list-style-type to persian will produce list numbering as described in the CSS3 Lists module.
thai Setting list-style-type to thai will produce list numbering as described in the CSS3 Lists module.
cambodian Setting list-style-type to cambodian will produce list numbering as described in the CSS3 Lists module.
khmer Setting list-style-type to khmer will produce list numbering as described in the CSS3 Lists module.
lao Setting list-style-type to lao will produce list numbering as described in the CSS3 Lists module.
myanmar Setting list-style-type to myanmar will produce list numbering as described in the CSS3 Lists module.
shan Setting list-style-type to shan will produce list numbering as described in the CSS3 Lists module.
devanagari Setting list-style-type to devanagari will produce list numbering as described in the CSS3 Lists module.
bengali Setting list-style-type to bengali will produce list numbering as described in the CSS3 Lists module.
eastern-nagari Setting list-style-type to eastern-nagari will produce list numbering as described in the CSS3 Lists module.
gujarati Setting list-style-type to gujarati will produce list numbering as described in the CSS3 Lists module.
gurmukhi Setting list-style-type to gurmukhi will produce list numbering as described in the CSS3 Lists module.
kannada Setting list-style-type to kannada will produce list numbering as described in the CSS3 Lists module.
lepcha Setting list-style-type to lepcha will produce list numbering as described in the CSS3 Lists module.
malayalam Setting list-style-type to malayalam will produce list numbering as described in the CSS3 Lists module.
marathi Setting list-style-type to marathi will produce list numbering as described in the CSS3 Lists module.
oriya Setting list-style-type to oriya will produce list numbering as described in the CSS3 Lists module.
tamil Setting list-style-type to tamil will produce list numbering as described in the CSS3 Lists module.
telugu Setting list-style-type to telugu will produce list numbering as described in the CSS3 Lists module.
tibetan Setting list-style-type to tibetan will produce list numbering as described in the CSS3 Lists module.
mongolian Setting list-style-type to mongolian will produce list numbering as described in the CSS3 Lists module.
cjk-decimal Setting list-style-type to cjk-decimal will produce list numbering as described in the CSS3 Lists module.
fullwidth-decimal Setting list-style-type to fullwidth-decimal will produce list numbering as described in the CSS3 Lists module.

Snapshot summary, 2011-12-17

Only Chrome and Safari support the numeric list-style-types, and then not all of them. Of the 24 styles tested, 7 were not supported. It is not clear why these were omitted.

Alphabetic

Assertion Gecko Presto Trident WebKit Detailed results
lower-greek Setting list-style-type to lower-greek will produce list markers as described in the CSS3 Lists module.
lower-belorussian Setting list-style-type to lower-belorussian will produce list markers as described in the CSS3 Lists module.
upper-belorussian Setting list-style-type to upper-belorussian will produce list markers as described in the CSS3 Lists module.
lower-bulgarian Setting list-style-type to lower-bulgarian will produce list markers as described in the CSS3 Lists module.
upper-bulgarian Setting list-style-type to upper-bulgarian will produce list markers as described in the CSS3 Lists module.
lower-macedonian Setting list-style-type to lower-macedonian will produce list markers as described in the CSS3 Lists module.
upper-macedonian Setting list-style-type to upper-macedonian will produce list markers as described in the CSS3 Lists module.
lower-russian Setting list-style-type to lower-russian will produce list markers as described in the CSS3 Lists module.
upper-russian Setting list-style-type to upper-russian will produce list markers as described in the CSS3 Lists module.
lower-russian-full Setting list-style-type to lower-russian-full will produce list markers as described in the CSS3 Lists module.
upper-russian-full Setting list-style-type to upper-russian-full will produce list markers as described in the CSS3 Lists module.
lower-serbo-croatian Setting list-style-type to lower-serbo-croatian will produce list markers as described in the CSS3 Lists module.
upper-serbo-croatian Setting list-style-type to upper-serbo-croatian will produce list markers as described in the CSS3 Lists module.
lower-ukrainian Setting list-style-type to lower-ukrainian will produce list markers as described in the CSS3 Lists module.
upper-ukrainian Setting list-style-type to upper-ukrainian will produce list markers as described in the CSS3 Lists module.
lower-ukrainian-full Setting list-style-type to lower-ukrainian-full will produce list markers as described in the CSS3 Lists module.
upper-ukrainian-full Setting list-style-type to upper-ukrainian-full will produce list markers as described in the CSS3 Lists module.
hindi Setting list-style-type to hindi will produce list markers as described in the CSS3 Lists module.
thai-alphabetic Setting list-style-type to thai-alphabetic will produce list markers as described in the CSS3 Lists module.
hiragana Setting list-style-type to hiragana will produce list markers as described in the CSS3 Lists module.
katakana Setting list-style-type to katakana will produce list markers as described in the CSS3 Lists module.
hiragana-iroha Setting list-style-type to hiragana-iroha will produce list markers as described in the CSS3 Lists module.
katakana-iroha Setting list-style-type to katakana-iroha will produce list markers as described in the CSS3 Lists module.
cjk-earthly-branch Setting list-style-type to cjk-earthly-branch will produce list markers as described in the CSS3 Lists module.
cjk-heavenly-stem Setting list-style-type to cjk-heavenly-stem will produce list markers as described in the CSS3 Lists module.
korean-consonant Setting list-style-type to korean-consonant will produce list markers as described in the CSS3 Lists module.
korean-syllable Setting list-style-type to korean-syllable will produce list markers as described in the CSS3 Lists module.
fullwidth-lower-alpha Setting list-style-type to fullwidth-lower-alpha will produce list markers as described in the CSS3 Lists module.
fullwidth-upper-alpha Setting list-style-type to fullwidth-upper-alpha will produce list markers as described in the CSS3 Lists module.
afar Setting list-style-type to afar will produce list markers as described in the CSS3 Lists module.
agaw Setting list-style-type to agaw will produce list markers as described in the CSS3 Lists module.
ari Setting list-style-type to ari will produce list markers as described in the CSS3 Lists module.
blin Setting list-style-type to blin will produce list markers as described in the CSS3 Lists module.
dizi Setting list-style-type to dizi will produce list markers as described in the CSS3 Lists module.
gedeo Setting list-style-type to gedeo will produce list markers as described in the CSS3 Lists module.
gumuz Setting list-style-type to gumuz will produce list markers as described in the CSS3 Lists module.
hadiyya Setting list-style-type to hadiyya will produce list markers as described in the CSS3 Lists module.
harari Setting list-style-type to harari will produce list markers as described in the CSS3 Lists module.
kaffa Setting list-style-type to kaffa will produce list markers as described in the CSS3 Lists module.
kebena Setting list-style-type to kebena will produce list markers as described in the CSS3 Lists module.
kembata Setting list-style-type to kembata will produce list markers as described in the CSS3 Lists module.
konso Setting list-style-type to konso will produce list markers as described in the CSS3 Lists module.
kunama Setting list-style-type to kunama will produce list markers as described in the CSS3 Lists module.
meen Setting list-style-type to meen will produce list markers as described in the CSS3 Lists module.
oromo Setting list-style-type to oromo will produce list markers as described in the CSS3 Lists module.
saho Setting list-style-type to saho will produce list markers as described in the CSS3 Lists module.
sidama Setting list-style-type to sidama will produce list markers as described in the CSS3 Lists module.
silti Setting list-style-type to silti will produce list markers as described in the CSS3 Lists module.
tigre Setting list-style-type to tigre will produce list markers as described in the CSS3 Lists module.
wolaita Setting list-style-type to wolaita will produce list markers as described in the CSS3 Lists module.
yemsa Setting list-style-type to yemsa will produce list markers as described in the CSS3 Lists module.
lower-oromo-qubee Setting list-style-type to lower-oromo-qubee will produce list markers as described in the CSS3 Lists module.
upper-oromo-qubee Setting list-style-type to upper-oromo-qubee will produce list markers as described in the CSS3 Lists module.

Snapshot summary, 2011-12-17

All browsers supported lower-greek. This was one of the CSS 2.1 styles.

Of the rest, only Chrome and Safari supported any styles, and then only 10 of the 52 styles, and of those only 2 passed (and even those used a different suffix). Notes on how the other 8 tests diverged from the spec can be found below the table.

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.
  5. cjk-earthly-branch, Chrome, Safari: Suffix was a period rather than an ideographic comma.
  6. cjk-heavenly-branch, Chrome, Safari: Suffix was a period rather than an ideographic comma.
  7. afar, Chrome, Safari: The implementation was missing ዸ, so the sequence was out of synch from then onwards.
  8. oromo, Chrome, Safari: Fine except that ጰ was used for ጸ and vice versa throughout.
  9. sidama, Chrome, Safari: The implementation added a ሐ that was not in the spec. Also, ጰ was used for ጸ and vice versa throughout.
  10. tigre, Chrome, Safari: ጰ was used for ጸ and vice versa throughout,

Non-repeating

Assertion Gecko Presto Trident WebKit Detailed results
circled-decimal Setting list-style-type to circled-decimal will produce list markers as described in the CSS3 Lists module.
circled-lower-latin Setting list-style-type to circled-lower-latin will produce list markers as described in the CSS3 Lists module.
circled-korean-consonants Setting list-style-type to circled-korean-consonants will produce list markers as described in the CSS3 Lists module.
circled-korean-syllables Setting list-style-type to circled-korean-syllables will produce list markers as described in the CSS3 Lists module.
parenthesized-hangul-consonants Setting list-style-type to parenthesized-hangul-consonants will produce list markers as described in the CSS3 Lists module.
parenthesized-hangul-syllable Setting list-style-type to parenthesized-hangul-syllable will produce list markers as described in the CSS3 Lists module.
persian-abjad Setting list-style-type to persian-abjad will produce list markers as described in the CSS3 Lists module.
persian-alphabetic Setting list-style-type to persian-alphabetic will produce list markers as described in the CSS3 Lists module.

Snapshot summary, 2011-12-17

No browsers supported non-repeating styles.

Additive

Assertion Gecko Presto Trident WebKit Detailed results
armenian Setting list-style-type to armenian will produce list markers as described in the CSS3 Lists 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.
lower-armenian Setting list-style-type to lower-armenian will produce list markers as described in the CSS3 Lists module.
lower-armenian, outside range With list-style-type set to lower-armenian, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
upper-armenian Setting list-style-type to upper-armenian will produce list markers as described in the CSS3 Lists module.
upper-armenian, outside range With list-style-type set to upper-armenian, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
georgian Setting list-style-type to georgian will produce list markers as described in the CSS3 Lists 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.
greek Setting list-style-type to greek will produce list markers as described in the CSS3 Lists module.
greek, outside range With list-style-type set to greek, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
hebrew Setting list-style-type to hebrew will produce list markers as described in the CSS3 Lists module.
hebrew, over 499 With list-style-type set to hebrew, list markers above 499 will be rendered as described in the CSS3 Lists module.
ancient-tamil Setting list-style-type to ancient-tamil will produce list markers as described in the CSS3 Lists module.
ancient-tamil, outside range With list-style-type set to ancient-tamil, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
japanese-informal Setting list-style-type to japanese-informal will produce list markers as described in the CSS3 Lists module.
japanese-informal, outside range With list-style-type set to japanese-informal, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
japanese-formal Setting list-style-type to japanese-formal will produce list markers as described in the CSS3 Lists module.
japanese-formal, outside range With list-style-type set to japanese-formal, list markers above the limit specified in CSS3 will be rendered in the fallback counter style.
korean-hangul-formal Setting list-style-type to korean-hangul-formal will produce list markers as described in the CSS3 Lists 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 in the fallback counter style.
korean-hanja-informal Setting list-style-type to korean-hanja-informal will produce list markers as described in the CSS3 Lists 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 in the fallback counter style.
korean-hanja-formal Setting list-style-type to korean-hanja-formal will produce list markers as described in the CSS3 Lists 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 in the fallback counter style.

Snapshot summary, 2011-12-17

Of the 12 styles tested, only a handful were supported.

Armenian (a CSS 2.1 style) was supported by all browsers, but there was a small deviation in one case for the WebKit-based browsers (see the notes below the table). Only Firefox, however, reverted to simple decimal numbers from 10,000 onwards, as described in the spec – the others used additional Armenian characters.

Georgian (another CSS 2.1 style) was fully supported by all browsers tested.

The Hebrew style, supported by Firefox, Chrome and Safari, exhibited significant differences from the spec when it reached 1000. It may be that the spec is incomplete.

Notes:

  1. armenian, lower-armenian, upper-armenian, Chrome, Safari: uses Ւ instead of ՈՒ.
  2. hebrew, over 499, Firefox, Chrome, Safari: At 1000 the implementation and the spec diverge. The implementation has a symbol for 1000 that is not in the spec. (it is possible that the spec is incomplete.)