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
215 CSS says: list-style-type: hebrew;
217 The CSS2.0 specification doesn't define the algorithm for the Hebrew numbering.
220 ב two, should show ב one, should show א two, should show ב three, should show ג
221 -> -> א one, should show א
222 -> -> ב two, should show ב
223 -> -> ג three, should show ג
224 ג three, should show ג
225 ד four, should show ד
226 ה five, should show ה
227 צז ninety-seven, undefined, may show צז
228 צח ninety-eight, undefined, may show צח
229 צט ninety-nine, undefined, may show צט
230 ק hundred, undefined, may show ק
231 קא a hundred and one, undefined, may show קא
232 אפס zero, undefined, may show אפס
236 CSS says: list-style-type: georgian;
238 The CSS2.0 specification doesn't define the algorithm for Georgian numbering in detail.
241 ბ two, may show ბ one, may show ა two, may show ბ three, may show გ
242 -> -> ა one, may show ა
243 -> -> ბ two, may show ბ
244 -> -> გ three, may show გ
253 ია eleven, may show ია
254 იბ twelve, may show იბ
255 ჟთ ninety-nine, undefined, may show ჟთ
256 რ hundred, undefined, may show რ
257 რა a hundred and one, undefined, may show რა
260 CSS says: list-style-type: armenian;
262 The CSS2.0 specification doesn't define the algorithm for Armenian numbering in detail.