text-transform-bicameral-004.xht (11204B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Test: text-transform - Unicode Latin, lowercase</title> 6 <link rel='author' title='Richard Ishida' href='http://rishida.net' /> 7 <link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> 8 <link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> 9 <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> 10 <link rel="match" href="text-transform-bicameral-004-ref.xht"/> 11 <link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=4' /> 12 <meta name="assert" content="The UA will lowercase all Latin Unicode letters beyond Latin1 when text-transform is set to lowercase." /> 13 <style type='text/css'> 14 .test span { text-transform: lowercase; } 15 16 /* the CSS below is not part of the test */ 17 .test { line-height: 2; color: blue; } 18 .test div { white-space: nowrap; text-align: center; 19 width: 3em; display: inline-block; }</style> 20 <script type='text/javascript'> 21 //<![CDATA[ 22 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++; } } 23 //]]> 24 </script> 25 </head> 26 <body> 27 <p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> 28 29 30 <div class="test"> 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>Į</span> į</div> 56 <div><span>ı</span> ı</div> 57 <div><span>IJ</span> ij</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>Ƽ</span> ƽ</div> 113 <div><span>Ƿ</span> ƿ</div> 114 <div><span>DŽ</span> dž</div> 115 <div><span>Dž</span> dž</div> 116 <div><span>LJ</span> lj</div> 117 <div><span>Lj</span> lj</div> 118 <div><span>NJ</span> nj</div> 119 <div><span>Nj</span> nj</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>Ǭ</span> ǭ</div> 137 <div><span>Ǯ</span> ǯ</div> 138 <div><span>DZ</span> dz</div> 139 <div><span>Dz</span> dz</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><span>Ỷ</span> ỷ</div> 309 <div><span>Ỹ</span> ỹ</div> 310 </div> 311 312 313 <!--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--> 314 <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> 315 </html>