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.
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.
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.
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. | list-style-type-001 | ||||
persian | Setting list-style-type to persian will produce list numbering as described in the CSS3 Lists module. | list-style-type-002 | ||||
thai | Setting list-style-type to thai will produce list numbering as described in the CSS3 Lists module. | list-style-type-003 | ||||
cambodian | Setting list-style-type to cambodian will produce list numbering as described in the CSS3 Lists module. | list-style-type-004 | ||||
khmer | Setting list-style-type to khmer will produce list numbering as described in the CSS3 Lists module. | list-style-type-005 | ||||
lao | Setting list-style-type to lao will produce list numbering as described in the CSS3 Lists module. | list-style-type-006 | ||||
myanmar | Setting list-style-type to myanmar will produce list numbering as described in the CSS3 Lists module. | list-style-type-007 | ||||
shan | Setting list-style-type to shan will produce list numbering as described in the CSS3 Lists module. | list-style-type-008 | ||||
devanagari | Setting list-style-type to devanagari will produce list numbering as described in the CSS3 Lists module. | list-style-type-009 | ||||
bengali | Setting list-style-type to bengali will produce list numbering as described in the CSS3 Lists module. | list-style-type-010 | ||||
eastern-nagari | Setting list-style-type to eastern-nagari will produce list numbering as described in the CSS3 Lists module. | list-style-type-011 | ||||
gujarati | Setting list-style-type to gujarati will produce list numbering as described in the CSS3 Lists module. | list-style-type-012 | ||||
gurmukhi | Setting list-style-type to gurmukhi will produce list numbering as described in the CSS3 Lists module. | list-style-type-014 | ||||
kannada | Setting list-style-type to kannada will produce list numbering as described in the CSS3 Lists module. | list-style-type-015 | ||||
lepcha | Setting list-style-type to lepcha will produce list numbering as described in the CSS3 Lists module. | list-style-type-016 | ||||
malayalam | Setting list-style-type to malayalam will produce list numbering as described in the CSS3 Lists module. | list-style-type-017 | ||||
marathi | Setting list-style-type to marathi will produce list numbering as described in the CSS3 Lists module. | list-style-type-018 | ||||
oriya | Setting list-style-type to oriya will produce list numbering as described in the CSS3 Lists module. | list-style-type-019 | ||||
tamil | Setting list-style-type to tamil will produce list numbering as described in the CSS3 Lists module. | list-style-type-020 | ||||
telugu | Setting list-style-type to telugu will produce list numbering as described in the CSS3 Lists module. | list-style-type-021 | ||||
tibetan | Setting list-style-type to tibetan will produce list numbering as described in the CSS3 Lists module. | list-style-type-022 | ||||
mongolian | Setting list-style-type to mongolian will produce list numbering as described in the CSS3 Lists module. | list-style-type-023 | ||||
cjk-decimal | Setting list-style-type to cjk-decimal will produce list numbering as described in the CSS3 Lists module. | list-style-type-024 | ||||
fullwidth-decimal | Setting list-style-type to fullwidth-decimal will produce list numbering as described in the CSS3 Lists module. | list-style-type-025 |
Links: Section 10 • Latest results for section 10 • Submit data for section 10 • Related tests
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.
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. | list-style-type-030 | ||||
lower-belorussian | Setting list-style-type to lower-belorussian will produce list markers as described in the CSS3 Lists module. | list-style-type-031 | ||||
upper-belorussian | Setting list-style-type to upper-belorussian will produce list markers as described in the CSS3 Lists module. | list-style-type-032 | ||||
lower-bulgarian | Setting list-style-type to lower-bulgarian will produce list markers as described in the CSS3 Lists module. | list-style-type-033 | ||||
upper-bulgarian | Setting list-style-type to upper-bulgarian will produce list markers as described in the CSS3 Lists module. | list-style-type-034 | ||||
lower-macedonian | Setting list-style-type to lower-macedonian will produce list markers as described in the CSS3 Lists module. | list-style-type-035 | ||||
upper-macedonian | Setting list-style-type to upper-macedonian will produce list markers as described in the CSS3 Lists module. | list-style-type-036 | ||||
lower-russian | Setting list-style-type to lower-russian will produce list markers as described in the CSS3 Lists module. | list-style-type-037 | ||||
upper-russian | Setting list-style-type to upper-russian will produce list markers as described in the CSS3 Lists module. | list-style-type-038 | ||||
lower-russian-full | Setting list-style-type to lower-russian-full will produce list markers as described in the CSS3 Lists module. | list-style-type-039 | ||||
upper-russian-full | Setting list-style-type to upper-russian-full will produce list markers as described in the CSS3 Lists module. | list-style-type-040 | ||||
lower-serbo-croatian | Setting list-style-type to lower-serbo-croatian will produce list markers as described in the CSS3 Lists module. | list-style-type-041 | ||||
upper-serbo-croatian | Setting list-style-type to upper-serbo-croatian will produce list markers as described in the CSS3 Lists module. | list-style-type-042 | ||||
lower-ukrainian | Setting list-style-type to lower-ukrainian will produce list markers as described in the CSS3 Lists module. | list-style-type-043 | ||||
upper-ukrainian | Setting list-style-type to upper-ukrainian will produce list markers as described in the CSS3 Lists module. | list-style-type-044 | ||||
lower-ukrainian-full | Setting list-style-type to lower-ukrainian-full will produce list markers as described in the CSS3 Lists module. | list-style-type-045 | ||||
upper-ukrainian-full | Setting list-style-type to upper-ukrainian-full will produce list markers as described in the CSS3 Lists module. | list-style-type-046 | ||||
hindi | Setting list-style-type to hindi will produce list markers as described in the CSS3 Lists module. | list-style-type-047 | ||||
thai-alphabetic | Setting list-style-type to thai-alphabetic will produce list markers as described in the CSS3 Lists module. | list-style-type-048 | ||||
hiragana | Setting list-style-type to hiragana will produce list markers as described in the CSS3 Lists module. | list-style-type-049 | ||||
katakana | Setting list-style-type to katakana will produce list markers as described in the CSS3 Lists module. | list-style-type-050 | ||||
hiragana-iroha | Setting list-style-type to hiragana-iroha will produce list markers as described in the CSS3 Lists module. | list-style-type-051 | ||||
katakana-iroha | Setting list-style-type to katakana-iroha will produce list markers as described in the CSS3 Lists module. | list-style-type-052 | ||||
cjk-earthly-branch | Setting list-style-type to cjk-earthly-branch will produce list markers as described in the CSS3 Lists module. | list-style-type-053 | ||||
cjk-heavenly-stem | Setting list-style-type to cjk-heavenly-stem will produce list markers as described in the CSS3 Lists module. | list-style-type-054 | ||||
korean-consonant | Setting list-style-type to korean-consonant will produce list markers as described in the CSS3 Lists module. | list-style-type-055 | ||||
korean-syllable | Setting list-style-type to korean-syllable will produce list markers as described in the CSS3 Lists module. | list-style-type-056 | ||||
fullwidth-lower-alpha | Setting list-style-type to fullwidth-lower-alpha will produce list markers as described in the CSS3 Lists module. | list-style-type-057 | ||||
fullwidth-upper-alpha | Setting list-style-type to fullwidth-upper-alpha will produce list markers as described in the CSS3 Lists module. | list-style-type-058 | ||||
afar | Setting list-style-type to afar will produce list markers as described in the CSS3 Lists module. | list-style-type-059 | ||||
agaw | Setting list-style-type to agaw will produce list markers as described in the CSS3 Lists module. | list-style-type-060 | ||||
ari | Setting list-style-type to ari will produce list markers as described in the CSS3 Lists module. | list-style-type-061 | ||||
blin | Setting list-style-type to blin will produce list markers as described in the CSS3 Lists module. | list-style-type-062 | ||||
dizi | Setting list-style-type to dizi will produce list markers as described in the CSS3 Lists module. | list-style-type-063 | ||||
gedeo | Setting list-style-type to gedeo will produce list markers as described in the CSS3 Lists module. | list-style-type-064 | ||||
gumuz | Setting list-style-type to gumuz will produce list markers as described in the CSS3 Lists module. | list-style-type-065 | ||||
hadiyya | Setting list-style-type to hadiyya will produce list markers as described in the CSS3 Lists module. | list-style-type-066 | ||||
harari | Setting list-style-type to harari will produce list markers as described in the CSS3 Lists module. | list-style-type-067 | ||||
kaffa | Setting list-style-type to kaffa will produce list markers as described in the CSS3 Lists module. | list-style-type-068 | ||||
kebena | Setting list-style-type to kebena will produce list markers as described in the CSS3 Lists module. | list-style-type-069 | ||||
kembata | Setting list-style-type to kembata will produce list markers as described in the CSS3 Lists module. | list-style-type-070 | ||||
konso | Setting list-style-type to konso will produce list markers as described in the CSS3 Lists module. | list-style-type-071 | ||||
kunama | Setting list-style-type to kunama will produce list markers as described in the CSS3 Lists module. | list-style-type-072 | ||||
meen | Setting list-style-type to meen will produce list markers as described in the CSS3 Lists module. | list-style-type-073 | ||||
oromo | Setting list-style-type to oromo will produce list markers as described in the CSS3 Lists module. | list-style-type-074 | ||||
saho | Setting list-style-type to saho will produce list markers as described in the CSS3 Lists module. | list-style-type-075 | ||||
sidama | Setting list-style-type to sidama will produce list markers as described in the CSS3 Lists module. | list-style-type-076 | ||||
silti | Setting list-style-type to silti will produce list markers as described in the CSS3 Lists module. | list-style-type-077 | ||||
tigre | Setting list-style-type to tigre will produce list markers as described in the CSS3 Lists module. | list-style-type-078 | ||||
wolaita | Setting list-style-type to wolaita will produce list markers as described in the CSS3 Lists module. | list-style-type-079 | ||||
yemsa | Setting list-style-type to yemsa will produce list markers as described in the CSS3 Lists module. | list-style-type-080 | ||||
lower-oromo-qubee | Setting list-style-type to lower-oromo-qubee will produce list markers as described in the CSS3 Lists module. | list-style-type-081 | ||||
upper-oromo-qubee | Setting list-style-type to upper-oromo-qubee will produce list markers as described in the CSS3 Lists module. | list-style-type-082 |
Links: Section 10 • Latest results for section 10 • Submit data for section 10 • Related tests
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:
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. | list-style-type-090 | ||||
circled-lower-latin | Setting list-style-type to circled-lower-latin will produce list markers as described in the CSS3 Lists module. | list-style-type-091 | ||||
circled-korean-consonants | Setting list-style-type to circled-korean-consonants will produce list markers as described in the CSS3 Lists module. | list-style-type-092 | ||||
circled-korean-syllables | Setting list-style-type to circled-korean-syllables will produce list markers as described in the CSS3 Lists module. | list-style-type-093 | ||||
parenthesized-hangul-consonants | Setting list-style-type to parenthesized-hangul-consonants will produce list markers as described in the CSS3 Lists module. | list-style-type-094 | ||||
parenthesized-hangul-syllable | Setting list-style-type to parenthesized-hangul-syllable will produce list markers as described in the CSS3 Lists module. | list-style-type-095 | ||||
persian-abjad | Setting list-style-type to persian-abjad will produce list markers as described in the CSS3 Lists module. | list-style-type-096 | ||||
persian-alphabetic | Setting list-style-type to persian-alphabetic will produce list markers as described in the CSS3 Lists module. | list-style-type-097 |
Links: Section 10 • Latest results for section 10 • Submit data for section 10 • Related tests
No browsers supported non-repeating styles.
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. | list-style-type-110 | ||||
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. | list-style-type-110a | ||||
lower-armenian | Setting list-style-type to lower-armenian will produce list markers as described in the CSS3 Lists module. | list-style-type-111 | ||||
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. | list-style-type-111a | ||||
upper-armenian | Setting list-style-type to upper-armenian will produce list markers as described in the CSS3 Lists module. | list-style-type-112 | ||||
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. | list-style-type-112a | ||||
georgian | Setting list-style-type to georgian will produce list markers as described in the CSS3 Lists module. | list-style-type-114 | ||||
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. | list-style-type-114a | ||||
greek | Setting list-style-type to greek will produce list markers as described in the CSS3 Lists module. | list-style-type-115 | ||||
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. | list-style-type-115a | ||||
hebrew | Setting list-style-type to hebrew will produce list markers as described in the CSS3 Lists module. | list-style-type-116 | ||||
hebrew, over 499 | With list-style-type set to hebrew, list markers above 499 will be rendered as described in the CSS3 Lists module. | list-style-type-116a | ||||
ancient-tamil | Setting list-style-type to ancient-tamil will produce list markers as described in the CSS3 Lists module. | list-style-type-118 | ||||
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. | list-style-type-118a | ||||
japanese-informal | Setting list-style-type to japanese-informal will produce list markers as described in the CSS3 Lists module. | list-style-type-119 | ||||
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. | list-style-type-119a | ||||
japanese-formal | Setting list-style-type to japanese-formal will produce list markers as described in the CSS3 Lists module. | list-style-type-120 | ||||
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. | list-style-type-120a | ||||
korean-hangul-formal | Setting list-style-type to korean-hangul-formal will produce list markers as described in the CSS3 Lists module. | list-style-type-121 | ||||
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. | list-style-type-121a | ||||
korean-hanja-informal | Setting list-style-type to korean-hanja-informal will produce list markers as described in the CSS3 Lists module. | list-style-type-122 | ||||
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. | list-style-type-122a | ||||
korean-hanja-formal | Setting list-style-type to korean-hanja-formal will produce list markers as described in the CSS3 Lists module. | list-style-type-123 | ||||
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. | list-style-type-123a |
Links: Section 10 • Latest results for section 10 • Submit data for section 10 • Related tests
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: