1 I18N Tests: list-style-type
3 This page tests support for the CSS list-style-type property, as defined in CSS2.0.
5 Note: The CSS2.0 specification does not specify in any detail the mechanism for implementing the numbering schemes defined. Expectations for behaviour are based on the version of the CSS3 Lists module current at the time this test was last updated. In most cases, however, these tests simply allow you to see whether and how a particular user agent implements these features, rather than testing against the requirements of the specification.
7 Check whether the numbering of the lists is what you would expect.
9 The start attribute is used on ol to skip to higher numbers.
13 CSS says: list-style-type: lower-latin; .
15 The CSS2.0 specification specifies the set of characters as "a, b, c, ... z". It doesn't specify what happens after z.
18 b two, should show b one, expect to see a two, expect to see b three, expect to see c
19 -> -> a one, expect to see a
20 -> -> b two, expect to see b
21 -> -> c three, expect to see c
22 c three, should show c
25 z twenty six, should show z
26 aa twenty seven, undefined
27 ab twenty eight, undefined
28 az fifty-two, undefined
29 ba fifty-three, undefined
30 bb fifty-four, undefined
33 CSS says: list-style-type: upper-latin;
35 The CSS2.0 specification specifies the set of characters as "A, B, C, ... Z". It doesn't specify what happens after Z.
38 B two, should show B one, expect to see A two, expect to see B three, expect to see C
39 -> -> A one, expect to see A
40 -> -> B two, expect to see B
41 -> -> C three, expect to see C
42 C three, should show C
45 Z twenty six, should show Z
46 AA twenty seven, undefined
47 AB twenty eight, undefined
48 AZ fifty-two, undefined
49 BA fifty-three, undefined
50 BB fifty-four, undefined
53 CSS says: list-style-type: lower-alpha;
55 The CSS2.0 specification specifies the set of characters as "a, b, c, ... z". It doesn't specify what happens after z.
58 b two, should show b one, expect to see a two, expect to see b three, expect to see c
59 -> -> a one, expect to see a
60 -> -> b two, expect to see b
61 -> -> c three, expect to see c
62 c three, should show c
65 z twenty six, should show z
66 aa twenty seven, undefined
67 ab twenty eight, undefined
68 az fifty-two, undefined
69 ba fifty-three, undefined
70 bb fifty-four, undefined
73 CSS says: list-style-type: upper-alpha;
75 The CSS2.0 specification specifies the set of characters as "A, B, C, ... Z". It doesn't specify what happens after Z.
78 B two, should show B one, expect to see A two, expect to see B three, expect to see C
79 -> -> A one, expect to see A
80 -> -> B two, expect to see B
81 -> -> C three, expect to see C
82 C three, should show C
85 Z twenty six, should show Z
86 AA twenty seven, undefined
87 AB twenty eight, undefined
88 AZ fifty-two, undefined
89 BA fifty-three, undefined
90 BB fifty-four, undefined
93 CSS says: list-style-type: lower-greek;
95 The CSS2.0 specification doesn't explicitly define the set of characters in the list, nor what happens after the list is exhausted, but does say "Lowercase classical Greek alpha, beta, gamma, ... (έ, ή, ί, ...)".
98 β two, may show β one, may show α two, may show β three, may show γ
99 -> -> α one, may show α
100 -> -> β two, may show β
101 -> -> γ three, may show γ
105 ω twenty four, may show ω
106 αα twenty seven, undefined
107 αβ twenty eight, undefined
108 αω forty-eight, undefined
109 βα forty-nine, undefined
113 CSS says: list-style-type: hiragana;
115 The CSS 2.0 specification doesn't explicitly define the set of characters in the list, nor what happens after the list is exhausted.
118 い two, may show い one, may show あ two, may show い three, may show う
119 -> -> あ one, may show あ
120 -> -> い two, may show い
121 -> -> う three, may show う
125 ん forty-eight, may show ん
126 ああ forty-nine, undefined
128 あん ninety-six, undefined
129 いあ ninety-seven, undefined
130 いい ninety-eight, undefined
133 CSS says: list-style-type: hiragana-iroha;
135 The CSS 2.0 specification doesn't explicitly define the set of characters in the list, nor what happens after the list is exhausted.
138 ろ two, may show ろ one, may show い two, may show ろ three, may show は
139 -> -> あ one, may show い
140 -> -> い two, may show ろ
141 -> -> う three, may show は
145 す forty-seven, may show す
146 いい forty-eight, undefined
147 いろ forty-nine, undefined
148 いす ninety-four, undefined
149 ろい ninety-five, undefined
150 ろろ ninety-six, undefined
153 CSS says: list-style-type: katakana;
155 The CSS 2.0 specification doesn't explicitly define the set of characters in the list, nor what happens after the list is exhausted.
158 イ two, may show イ one, may show ア two, may show イ three, may show ウ
159 -> -> ア one, may show ア
160 -> -> イ two, may show イ
161 -> -> ウ three, may show ウ
165 ン forty-eight, undefined
166 アア forty-nine, undefined
168 アン ninety-six, undefined
169 イア ninety-seven, undefined
170 イイ ninety-eight, undefined
173 CSS says: list-style-type: katakana-iroha;
175 The CSS 2.0 specification doesn't explicitly define the set of characters in the list, nor what happens after the list is exhausted.
178 ロ two, may show ロ one, may show イ two, may show ロ three, may show ハ
179 -> -> あ one, may show イ
180 -> -> い two, may show ロ
181 -> -> う three, may show ハ
185 ス forty-seven, may show ス
186 イイ forty-eight, undefined
187 イロ forty-nine, undefined
188 イス ninety-four, undefined
189 ロイ ninety-five, undefined
190 ロロ ninety-six, undefined
193 CSS says: list-style-type: cjk-ideographic;
195 The CSS2.0 specification doesn't define what characters should be used to create each number - there are multiple alternatives. Note that the characters specified in the CSS3 Lists module as of the date of publication of this page are not those expected below.
206 二十一 twenty one, undefined
207 二十二 twenty two, undefined
208 一百 a hundred, undefined
209 一百零一 a hundred and one, undefined
210 一百零二 a hundred and two, undefined
213 一千 a thousand, undefined
214 一千萬零一千 ten million one thousand, undefined
215 一百萬零一百 one million one hundred, undefined
218 CSS says: list-style-type: hebrew;
220 The CSS2.0 specification doesn't define the algorithm for the Hebrew numbering.
223 ב two, should show ב one, should show א two, should show ב three, should show ג
224 -> -> א one, should show א
225 -> -> ב two, should show ב
226 -> -> ג three, should show ג
227 ג three, should show ג
228 ד four, should show ד
229 ה five, should show ה
230 צז ninety-seven, undefined, may show צז
231 צח ninety-eight, undefined, may show צח
232 צט ninety-nine, undefined, may show צט
233 ק hundred, undefined, may show ק
234 קא a hundred and one, undefined, may show קא
235 אפס zero, undefined, may show אפס
239 CSS says: list-style-type: georgian;
241 The CSS2.0 specification doesn't define the algorithm for Georgian numbering in detail.
244 ბ two, may show ბ one, may show ა two, may show ბ three, may show გ
245 -> -> ა one, may show ა
246 -> -> ბ two, may show ბ
247 -> -> გ three, may show გ
256 ია eleven, may show ია
257 იბ twelve, may show იბ
258 ჟთ ninety-nine, undefined, may show ჟთ
259 რ hundred, undefined, may show რ
260 რა a hundred and one, undefined, may show რა
263 CSS says: list-style-type: armenian;
265 The CSS2.0 specification doesn't define the algorithm for Armenian numbering in detail.