1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: text-transform - Unicode Latin, lowercase</title>
5 <link rel="author" title="Richard Ishida" href="http://rishida.net">
6 <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop">
8 <link rel="alternate" href="http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=4">
9 <meta name="flags" content="">
10 <meta name="assert" content="The UA will lowercase all Latin Unicode letters beyond Latin1 when text-transform is set to lowercase.">
11 <style type="text/css">
12 .test span { text-transform: lowercase; }
13
14 /* the CSS below is not part of the test */
15 .test { font-size: 130%; line-height: 2.5; color: blue; }
16 .test div { white-space: nowrap; text-align: center;
17 width: 5em; display: inline-block; }</style>
18 <script type="text/javascript">
19 //
20 function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
21 //
22 </script>
23 </head>
24 <body>
25 <p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
26
27
28 <div class="test">
29 <div><span>Ÿ</span> ÿ</div>
30 <div><span>Ā</span> ā</div>
31 <div><span>Ă</span> ă</div>
32 <div><span>Ą</span> ą</div>
33 <div><span>Ć</span> ć</div>
34 <div><span>Ĉ</span> ĉ</div>
35 <div><span>Ċ</span> ċ</div>
36 <div><span>Č</span> č</div>
37 <div><span>Ď</span> ď</div>
38 <div><span>Đ</span> đ</div>
39 <div><span>Ē</span> ē</div>
40 <div><span>Ĕ</span> ĕ</div>
41 <div><span>Ė</span> ė</div>
42 <div><span>Ę</span> ę</div>
43 <div><span>Ě</span> ě</div>
44 <div><span>Ĝ</span> ĝ</div>
45 <div><span>Ğ</span> ğ</div>
46 <div><span>Ġ</span> ġ</div>
47 <div><span>Ģ</span> ģ</div>
48 <div><span>Ĥ</span> ĥ</div>
49 <div><span>Ħ</span> ħ</div>
50 <div><span>Ĩ</span> ĩ</div>
51 <div><span>Ī</span> ī</div>
52 <div><span>Ĭ</span> ĭ</div>
53 <div><span>Į</span> į</div>
54 <div><span>ı</span> ı</div>
55 <div><span>IJ</span> ij</div>
56 <div><span>Ĵ</span> ĵ</div>
57 <div><span>Ķ</span> ķ</div>
58 <div><span>Ĺ</span> ĺ</div>
59 <div><span>Ļ</span> ļ</div>
60 <div><span>Ľ</span> ľ</div>
61 <div><span>Ŀ</span> ŀ</div>
62 <div><span>Ł</span> ł</div>
63 <div><span>Ń</span> ń</div>
64 <div><span>Ņ</span> ņ</div>
65 <div><span>Ň</span> ň</div>
66 <div><span>Ŋ</span> ŋ</div>
67 <div><span>Ō</span> ō</div>
68 <div><span>Ŏ</span> ŏ</div>
69 <div><span>Ő</span> ő</div>
70 <div><span>Œ</span> œ</div>
71 <div><span>Ŕ</span> ŕ</div>
72 <div><span>Ŗ</span> ŗ</div>
73 <div><span>Ř</span> ř</div>
74 <div><span>Ś</span> ś</div>
75 <div><span>Ŝ</span> ŝ</div>
76 <div><span>Ş</span> ş</div>
77 <div><span>Š</span> š</div>
78 <div><span>Ţ</span> ţ</div>
79 <div><span>Ť</span> ť</div>
80 <div><span>Ŧ</span> ŧ</div>
81 <div><span>Ũ</span> ũ</div>
82 <div><span>Ū</span> ū</div>
83 <div><span>Ŭ</span> ŭ</div>
84 <div><span>Ů</span> ů</div>
85 <div><span>Ű</span> ű</div>
86 <div><span>Ų</span> ų</div>
87 <div><span>Ŵ</span> ŵ</div>
88 <div><span>Ŷ</span> ŷ</div>
89 <div><span>Ź</span> ź</div>
90 <div><span>Ż</span> ż</div>
91 <div><span>Ž</span> ž</div>
92 <div><span>ſ</span> ſ</div>
93 <div><span>Ƃ</span> ƃ</div>
94 <div><span>Ƅ</span> ƅ</div>
95 <div><span>Ƈ</span> ƈ</div>
96 <div><span>Ƌ</span> ƌ</div>
97 <div><span>Ƒ</span> ƒ</div>
98 <div><span>Ƕ</span> ƕ</div>
99 <div><span>Ƙ</span> ƙ</div>
100 <div><span>Ƞ</span> ƞ</div>
101 <div><span>Ơ</span> ơ</div>
102 <div><span>Ƣ</span> ƣ</div>
103 <div><span>Ƥ</span> ƥ</div>
104 <div><span>Ƨ</span> ƨ</div>
105 <div><span>Ƭ</span> ƭ</div>
106 <div><span>Ư</span> ư</div>
107 <div><span>Ƴ</span> ƴ</div>
108 <div><span>Ƶ</span> ƶ</div>
109 <div><span>Ƹ</span> ƹ</div>
110 <div><span>Ƽ</span> ƽ</div>
111 <div><span>Ƿ</span> ƿ</div>
112 <div><span>DŽ</span> dž</div>
113 <div><span>Dž</span> dž</div>
114 <div><span>LJ</span> lj</div>
115 <div><span>Lj</span> lj</div>
116 <div><span>NJ</span> nj</div>
117 <div><span>Nj</span> nj</div>
118 <div><span>Ǎ</span> ǎ</div>
119 <div><span>Ǐ</span> ǐ</div>
120 <div><span>Ǒ</span> ǒ</div>
121 <div><span>Ǔ</span> ǔ</div>
122 <div><span>Ǖ</span> ǖ</div>
123 <div><span>Ǘ</span> ǘ</div>
124 <div><span>Ǚ</span> ǚ</div>
125 <div><span>Ǜ</span> ǜ</div>
126 <div><span>Ǝ</span> ǝ</div>
127 <div><span>Ǟ</span> ǟ</div>
128 <div><span>Ǡ</span> ǡ</div>
129 <div><span>Ǣ</span> ǣ</div>
130 <div><span>Ǥ</span> ǥ</div>
131 <div><span>Ǧ</span> ǧ</div>
132 <div><span>Ǩ</span> ǩ</div>
133 <div><span>Ǫ</span> ǫ</div>
134 <div><span>Ǭ</span> ǭ</div>
135 <div><span>Ǯ</span> ǯ</div>
136 <div><span>DZ</span> dz</div>
137 <div><span>Dz</span> dz</div>
138 <div><span>Ǵ</span> ǵ</div>
139 <div><span>Ǹ</span> ǹ</div>
140 <div><span>Ǻ</span> ǻ</div>
141 <div><span>Ǽ</span> ǽ</div>
142 <div><span>Ǿ</span> ǿ</div>
143 <div><span>Ȁ</span> ȁ</div>
144 <div><span>Ȃ</span> ȃ</div>
145 <div><span>Ȅ</span> ȅ</div>
146 <div><span>Ȇ</span> ȇ</div>
147 <div><span>Ȉ</span> ȉ</div>
148 <div><span>Ȋ</span> ȋ</div>
149 <div><span>Ȍ</span> ȍ</div>
150 <div><span>Ȏ</span> ȏ</div>
151 <div><span>Ȑ</span> ȑ</div>
152 <div><span>Ȓ</span> ȓ</div>
153 <div><span>Ȕ</span> ȕ</div>
154 <div><span>Ȗ</span> ȗ</div>
155 <div><span>Ș</span> ș</div>
156 <div><span>Ț</span> ț</div>
157 <div><span>Ȝ</span> ȝ</div>
158 <div><span>Ȟ</span> ȟ</div>
159 <div><span>Ȣ</span> ȣ</div>
160 <div><span>Ȥ</span> ȥ</div>
161 <div><span>Ȧ</span> ȧ</div>
162 <div><span>Ȩ</span> ȩ</div>
163 <div><span>Ȫ</span> ȫ</div>
164 <div><span>Ȭ</span> ȭ</div>
165 <div><span>Ȯ</span> ȯ</div>
166 <div><span>Ȱ</span> ȱ</div>
167 <div><span>Ȳ</span> ȳ</div>
168 <div><span>Ɓ</span> ɓ</div>
169 <div><span>Ɔ</span> ɔ</div>
170 <div><span>Ɖ</span> ɖ</div>
171 <div><span>Ɗ</span> ɗ</div>
172 <div><span>Ə</span> ə</div>
173 <div><span>Ɛ</span> ɛ</div>
174 <div><span>Ɠ</span> ɠ</div>
175 <div><span>Ɣ</span> ɣ</div>
176 <div><span>Ɨ</span> ɨ</div>
177 <div><span>Ɩ</span> ɩ</div>
178 <div><span>Ɯ</span> ɯ</div>
179 <div><span>Ɲ</span> ɲ</div>
180 <div><span>Ɵ</span> ɵ</div>
181 <div><span>Ʀ</span> ʀ</div>
182 <div><span>Ʃ</span> ʃ</div>
183 <div><span>Ʈ</span> ʈ</div>
184 <div><span>Ʊ</span> ʊ</div>
185 <div><span>Ʋ</span> ʋ</div>
186 <div><span>Ʒ</span> ʒ</div>
187 <div><span>Ḁ</span> ḁ</div>
188 <div><span>Ḃ</span> ḃ</div>
189 <div><span>Ḅ</span> ḅ</div>
190 <div><span>Ḇ</span> ḇ</div>
191 <div><span>Ḉ</span> ḉ</div>
192 <div><span>Ḋ</span> ḋ</div>
193 <div><span>Ḍ</span> ḍ</div>
194 <div><span>Ḏ</span> ḏ</div>
195 <div><span>Ḑ</span> ḑ</div>
196 <div><span>Ḓ</span> ḓ</div>
197 <div><span>Ḕ</span> ḕ</div>
198 <div><span>Ḗ</span> ḗ</div>
199 <div><span>Ḙ</span> ḙ</div>
200 <div><span>Ḛ</span> ḛ</div>
201 <div><span>Ḝ</span> ḝ</div>
202 <div><span>Ḟ</span> ḟ</div>
203 <div><span>Ḡ</span> ḡ</div>
204 <div><span>Ḣ</span> ḣ</div>
205 <div><span>Ḥ</span> ḥ</div>
206 <div><span>Ḧ</span> ḧ</div>
207 <div><span>Ḩ</span> ḩ</div>
208 <div><span>Ḫ</span> ḫ</div>
209 <div><span>Ḭ</span> ḭ</div>
210 <div><span>Ḯ</span> ḯ</div>
211 <div><span>Ḱ</span> ḱ</div>
212 <div><span>Ḳ</span> ḳ</div>
213 <div><span>Ḵ</span> ḵ</div>
214 <div><span>Ḷ</span> ḷ</div>
215 <div><span>Ḹ</span> ḹ</div>
216 <div><span>Ḻ</span> ḻ</div>
217 <div><span>Ḽ</span> ḽ</div>
218 <div><span>Ḿ</span> ḿ</div>
219 <div><span>Ṁ</span> ṁ</div>
220 <div><span>Ṃ</span> ṃ</div>
221 <div><span>Ṅ</span> ṅ</div>
222 <div><span>Ṇ</span> ṇ</div>
223 <div><span>Ṉ</span> ṉ</div>
224 <div><span>Ṋ</span> ṋ</div>
225 <div><span>Ṍ</span> ṍ</div>
226 <div><span>Ṏ</span> ṏ</div>
227 <div><span>Ṑ</span> ṑ</div>
228 <div><span>Ṓ</span> ṓ</div>
229 <div><span>Ṕ</span> ṕ</div>
230 <div><span>Ṗ</span> ṗ</div>
231 <div><span>Ṙ</span> ṙ</div>
232 <div><span>Ṛ</span> ṛ</div>
233 <div><span>Ṝ</span> ṝ</div>
234 <div><span>Ṟ</span> ṟ</div>
235 <div><span>Ṡ</span> ṡ</div>
236 <div><span>Ṣ</span> ṣ</div>
237 <div><span>Ṥ</span> ṥ</div>
238 <div><span>Ṧ</span> ṧ</div>
239 <div><span>Ṩ</span> ṩ</div>
240 <div><span>Ṫ</span> ṫ</div>
241 <div><span>Ṭ</span> ṭ</div>
242 <div><span>Ṯ</span> ṯ</div>
243 <div><span>Ṱ</span> ṱ</div>
244 <div><span>Ṳ</span> ṳ</div>
245 <div><span>Ṵ</span> ṵ</div>
246 <div><span>Ṷ</span> ṷ</div>
247 <div><span>Ṹ</span> ṹ</div>
248 <div><span>Ṻ</span> ṻ</div>
249 <div><span>Ṽ</span> ṽ</div>
250 <div><span>Ṿ</span> ṿ</div>
251 <div><span>Ẁ</span> ẁ</div>
252 <div><span>Ẃ</span> ẃ</div>
253 <div><span>Ẅ</span> ẅ</div>
254 <div><span>Ẇ</span> ẇ</div>
255 <div><span>Ẉ</span> ẉ</div>
256 <div><span>Ẋ</span> ẋ</div>
257 <div><span>Ẍ</span> ẍ</div>
258 <div><span>Ẏ</span> ẏ</div>
259 <div><span>Ẑ</span> ẑ</div>
260 <div><span>Ẓ</span> ẓ</div>
261 <div><span>Ẕ</span> ẕ</div>
262 <div><span>ẛ</span> ẛ</div>
263 <div><span>Ạ</span> ạ</div>
264 <div><span>Ả</span> ả</div>
265 <div><span>Ấ</span> ấ</div>
266 <div><span>Ầ</span> ầ</div>
267 <div><span>Ẩ</span> ẩ</div>
268 <div><span>Ẫ</span> ẫ</div>
269 <div><span>Ậ</span> ậ</div>
270 <div><span>Ắ</span> ắ</div>
271 <div><span>Ằ</span> ằ</div>
272 <div><span>Ẳ</span> ẳ</div>
273 <div><span>Ẵ</span> ẵ</div>
274 <div><span>Ặ</span> ặ</div>
275 <div><span>Ẹ</span> ẹ</div>
276 <div><span>Ẻ</span> ẻ</div>
277 <div><span>Ẽ</span> ẽ</div>
278 <div><span>Ế</span> ế</div>
279 <div><span>Ề</span> ề</div>
280 <div><span>Ể</span> ể</div>
281 <div><span>Ễ</span> ễ</div>
282 <div><span>Ệ</span> ệ</div>
283 <div><span>Ỉ</span> ỉ</div>
284 <div><span>Ị</span> ị</div>
285 <div><span>Ọ</span> ọ</div>
286 <div><span>Ỏ</span> ỏ</div>
287 <div><span>Ố</span> ố</div>
288 <div><span>Ồ</span> ồ</div>
289 <div><span>Ổ</span> ổ</div>
290 <div><span>Ỗ</span> ỗ</div>
291 <div><span>Ộ</span> ộ</div>
292 <div><span>Ớ</span> ớ</div>
293 <div><span>Ờ</span> ờ</div>
294 <div><span>Ở</span> ở</div>
295 <div><span>Ỡ</span> ỡ</div>
296 <div><span>Ợ</span> ợ</div>
297 <div><span>Ụ</span> ụ</div>
298 <div><span>Ủ</span> ủ</div>
299 <div><span>Ứ</span> ứ</div>
300 <div><span>Ừ</span> ừ</div>
301 <div><span>Ử</span> ử</div>
302 <div><span>Ữ</span> ữ</div>
303 <div><span>Ự</span> ự</div>
304 <div><span>Ỳ</span> ỳ</div>
305 <div><span>Ỵ</span> ỵ</div>
306 <div><span>Ỷ</span> ỷ</div>
307 <div><span>Ỹ</span> ỹ</div>
308 </div>
309
310
311 <!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p-->
312 <p id="fontChange" style="display: none;" class="notes">If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class="css" name="fontName" id="fontName" value="" type="text"> <button class="notes" type="button" onclick="setFontFamily()">Apply</button></p><script type="text/javascript">if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
313 </html>