text-transform-fullwidth-001-ref.xht (16235B)
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 - fullwidth - basic cases Reftest Reference</title> 6 <link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" /> 7 <style type="text/css"> 8 <![CDATA[ 9 @font-face { 10 font-family: 'mplus-1p-regular'; 11 src: url('/fonts/mplus-1p-regular.woff') format('woff'); 12 } 13 span { 14 font-family: 'mplus-1p-regular'; 15 background-color: cyan; 16 } 17 .test { 18 color: Blue; 19 line-height: 1.1em; 20 } 21 .test div { 22 display: inline-block; 23 margin-bottom: .5em; 24 text-align: center; 25 white-space: nowrap; 26 } 27 ]]> 28 </style> 29 </head> 30 <body> 31 <p> 32 Test passes if the upper character in each pair matches the lower one in both shape <strong>and size</strong>. 33 </p> 34 <div class="test"> 35 36 <!-- FULLWIDTH LATIN --> 37 <div>[<span> </span>]<br />[<span> </span>]</div> 38 <div><span>！</span><br /><span>！</span></div> 39 <div><span>＂</span><br /><span>＂</span></div> 40 <div><span>＃</span><br /><span>＃</span></div> 41 <div><span>＄</span><br /><span>＄</span></div> 42 <div><span>％</span><br /><span>％</span></div> 43 <div><span>＆</span><br /><span>＆</span></div> 44 <div><span>＇</span><br /><span>＇</span></div> 45 <div><span>（</span><br /><span>（</span></div> 46 <div><span>）</span><br /><span>）</span></div> 47 <div><span>＊</span><br /><span>＊</span></div> 48 <div><span>＋</span><br /><span>＋</span></div> 49 <div><span>，</span><br /><span>，</span></div> 50 <div><span>－</span><br /><span>－</span></div> 51 <div><span>．</span><br /><span>．</span></div> 52 <div><span>／</span><br /><span>／</span></div> 53 54 <div><span>０</span><br /><span>０</span></div> 55 <div><span>１</span><br /><span>１</span></div> 56 <div><span>２</span><br /><span>２</span></div> 57 <div><span>３</span><br /><span>３</span></div> 58 <div><span>４</span><br /><span>４</span></div> 59 <div><span>５</span><br /><span>５</span></div> 60 <div><span>６</span><br /><span>６</span></div> 61 <div><span>７</span><br /><span>７</span></div> 62 <div><span>８</span><br /><span>８</span></div> 63 <div><span>９</span><br /><span>９</span></div> 64 65 <div><span>：</span><br /><span>：</span></div> 66 <div><span>；</span><br /><span>；</span></div> 67 <div><span>＜</span><br /><span>＜</span></div> 68 <div><span>＝</span><br /><span>＝</span></div> 69 <div><span>＞</span><br /><span>＞</span></div> 70 <div><span>？</span><br /><span>？</span></div> 71 <div><span>＠</span><br /><span>＠</span></div> 72 73 <div><span>Ａ</span><br /><span>Ａ</span></div> 74 <div><span>Ｂ</span><br /><span>Ｂ</span></div> 75 <div><span>Ｃ</span><br /><span>Ｃ</span></div> 76 <div><span>Ｄ</span><br /><span>Ｄ</span></div> 77 <div><span>Ｅ</span><br /><span>Ｅ</span></div> 78 <div><span>Ｆ</span><br /><span>Ｆ</span></div> 79 <div><span>Ｇ</span><br /><span>Ｇ</span></div> 80 <div><span>Ｈ</span><br /><span>Ｈ</span></div> 81 <div><span>Ｉ</span><br /><span>Ｉ</span></div> 82 <div><span>Ｊ</span><br /><span>Ｊ</span></div> 83 <div><span>Ｋ</span><br /><span>Ｋ</span></div> 84 <div><span>Ｌ</span><br /><span>Ｌ</span></div> 85 <div><span>Ｍ</span><br /><span>Ｍ</span></div> 86 <div><span>Ｎ</span><br /><span>Ｎ</span></div> 87 <div><span>Ｏ</span><br /><span>Ｏ</span></div> 88 <div><span>Ｐ</span><br /><span>Ｐ</span></div> 89 <div><span>Ｑ</span><br /><span>Ｑ</span></div> 90 <div><span>Ｒ</span><br /><span>Ｒ</span></div> 91 <div><span>Ｓ</span><br /><span>Ｓ</span></div> 92 <div><span>Ｔ</span><br /><span>Ｔ</span></div> 93 <div><span>Ｕ</span><br /><span>Ｕ</span></div> 94 <div><span>Ｖ</span><br /><span>Ｖ</span></div> 95 <div><span>Ｗ</span><br /><span>Ｗ</span></div> 96 <div><span>Ｘ</span><br /><span>Ｘ</span></div> 97 <div><span>Ｙ</span><br /><span>Ｙ</span></div> 98 <div><span>Ｚ</span><br /><span>Ｚ</span></div> 99 100 <div><span>［</span><br /><span>［</span></div> 101 <div><span>＼</span><br /><span>＼</span></div> 102 <div><span>］</span><br /><span>］</span></div> 103 <div><span>＾</span><br /><span>＾</span></div> 104 <div><span>＿</span><br /><span>＿</span></div> 105 <div><span>｀</span><br /><span>｀</span></div> 106 107 <div><span>ａ</span><br /><span>ａ</span></div> 108 <div><span>ｂ</span><br /><span>ｂ</span></div> 109 <div><span>ｃ</span><br /><span>ｃ</span></div> 110 <div><span>ｄ</span><br /><span>ｄ</span></div> 111 <div><span>ｅ</span><br /><span>ｅ</span></div> 112 <div><span>ｆ</span><br /><span>ｆ</span></div> 113 <div><span>ｇ</span><br /><span>ｇ</span></div> 114 <div><span>ｈ</span><br /><span>ｈ</span></div> 115 <div><span>ｉ</span><br /><span>ｉ</span></div> 116 <div><span>ｊ</span><br /><span>ｊ</span></div> 117 <div><span>ｋ</span><br /><span>ｋ</span></div> 118 <div><span>ｌ</span><br /><span>ｌ</span></div> 119 <div><span>ｍ</span><br /><span>ｍ</span></div> 120 <div><span>ｎ</span><br /><span>ｎ</span></div> 121 <div><span>ｏ</span><br /><span>ｏ</span></div> 122 <div><span>ｐ</span><br /><span>ｐ</span></div> 123 <div><span>ｑ</span><br /><span>ｑ</span></div> 124 <div><span>ｒ</span><br /><span>ｒ</span></div> 125 <div><span>ｓ</span><br /><span>ｓ</span></div> 126 <div><span>ｔ</span><br /><span>ｔ</span></div> 127 <div><span>ｕ</span><br /><span>ｕ</span></div> 128 <div><span>ｖ</span><br /><span>ｖ</span></div> 129 <div><span>ｗ</span><br /><span>ｗ</span></div> 130 <div><span>ｘ</span><br /><span>ｘ</span></div> 131 <div><span>ｙ</span><br /><span>ｙ</span></div> 132 <div><span>ｚ</span><br /><span>ｚ</span></div> 133 134 <div><span>｛</span><br /><span>｛</span></div> 135 <div><span>｜</span><br /><span>｜</span></div> 136 <div><span>｝</span><br /><span>｝</span></div> 137 <div><span>～</span><br /><span>～</span></div> 138 139 <div><span>｟</span><br /><span>｟</span></div> <!-- LEFT WHITE PARENTHESIS --> 140 <div><span>｠</span><br /><span>｠</span></div> <!-- RIGHT WHITE PARENTHESIS --> 141 142 <!-- HALFWIDTH KATAKANA --> 143 <div><span>。</span><br /><span>。</span></div> 144 <div><span>「</span><br /><span>「</span></div> 145 <div><span>」</span><br /><span>」</span></div> 146 <div><span>、</span><br /><span>、</span></div> 147 <div><span>・</span><br /><span>・</span></div> 148 149 <div><span>ヲ</span><br /><span>ヲ</span></div> 150 <div><span>ァ</span><br /><span>ァ</span></div> 151 <div><span>ィ</span><br /><span>ィ</span></div> 152 <div><span>ゥ</span><br /><span>ゥ</span></div> 153 <div><span>ェ</span><br /><span>ェ</span></div> 154 <div><span>ォ</span><br /><span>ォ</span></div> 155 <div><span>ャ</span><br /><span>ャ</span></div> 156 <div><span>ュ</span><br /><span>ュ</span></div> 157 <div><span>ョ</span><br /><span>ョ</span></div> 158 <div><span>ッ</span><br /><span>ッ</span></div> 159 <div><span>ー</span><br /><span>ー</span></div> 160 161 <div><span>ア</span><br /><span>ア</span></div> 162 <div><span>イ</span><br /><span>イ</span></div> 163 <div><span>ウ</span><br /><span>ウ</span></div> 164 <div><span>エ</span><br /><span>エ</span></div> 165 <div><span>オ</span><br /><span>オ</span></div> 166 <div><span>カ</span><br /><span>カ</span></div> 167 <div><span>キ</span><br /><span>キ</span></div> 168 <div><span>ク</span><br /><span>ク</span></div> 169 <div><span>ケ</span><br /><span>ケ</span></div> 170 <div><span>コ</span><br /><span>コ</span></div> 171 <div><span>サ</span><br /><span>サ</span></div> 172 <div><span>シ</span><br /><span>シ</span></div> 173 <div><span>ス</span><br /><span>ス</span></div> 174 <div><span>セ</span><br /><span>セ</span></div> 175 <div><span>ソ</span><br /><span>ソ</span></div> 176 <div><span>タ</span><br /><span>タ</span></div> 177 <div><span>チ</span><br /><span>チ</span></div> 178 <div><span>ツ</span><br /><span>ツ</span></div> 179 <div><span>テ</span><br /><span>テ</span></div> 180 <div><span>ト</span><br /><span>ト</span></div> 181 <div><span>ナ</span><br /><span>ナ</span></div> 182 <div><span>ニ</span><br /><span>ニ</span></div> 183 <div><span>ヌ</span><br /><span>ヌ</span></div> 184 <div><span>ネ</span><br /><span>ネ</span></div> 185 <div><span>ノ</span><br /><span>ノ</span></div> 186 <div><span>ハ</span><br /><span>ハ</span></div> 187 <div><span>ヒ</span><br /><span>ヒ</span></div> 188 <div><span>フ</span><br /><span>フ</span></div> 189 <div><span>ヘ</span><br /><span>ヘ</span></div> 190 <div><span>ホ</span><br /><span>ホ</span></div> 191 <div><span>マ</span><br /><span>マ</span></div> 192 <div><span>ミ</span><br /><span>ミ</span></div> 193 <div><span>ム</span><br /><span>ム</span></div> 194 <div><span>メ</span><br /><span>メ</span></div> 195 <div><span>モ</span><br /><span>モ</span></div> 196 <div><span>ヤ</span><br /><span>ヤ</span></div> 197 <div><span>ユ</span><br /><span>ユ</span></div> 198 <div><span>ヨ</span><br /><span>ヨ</span></div> 199 <div><span>ラ</span><br /><span>ラ</span></div> 200 <div><span>リ</span><br /><span>リ</span></div> 201 <div><span>ル</span><br /><span>ル</span></div> 202 <div><span>レ</span><br /><span>レ</span></div> 203 <div><span>ロ</span><br /><span>ロ</span></div> 204 <div><span>ワ</span><br /><span>ワ</span></div> 205 <div><span>ン</span><br /><span>ン</span></div> 206 207 <div><span> ゙</span><br /><span> ゙</span></div> 208 <div><span> ゚</span><br /><span> ゚</span></div> 209 210 <!-- HALFWIDTH HANGUL --> 211 <div>[<span>ᅟ</span>]<br />[<span>ᅟ</span>]</div> <!-- HANGUL FILLER --> 212 <div><span>ᆨ</span><br /><span>ᆨ</span></div> <!-- HANGUL LETTER KIYEOK --> 213 <div><span>ㄲ</span><br /><span>ㄲ</span></div> <!-- HANGUL LETTER SSANGKIYEOK --> 214 <div><span>ᆪ</span><br /><span>ᆪ</span></div> <!-- HANGUL LETTER KIYEOK-SIOS --> 215 <div><span>ᆫ</span><br /><span>ᆫ</span></div> <!-- HANGUL LETTER NIEUN --> 216 <div><span>ᆬ</span><br /><span>ᆬ</span></div> <!-- HANGUL LETTER NIEUN-CIEUC --> 217 <div><span>ᆭ</span><br /><span>ᆭ</span></div> <!-- HANGUL LETTER NIEUN-HIEUH --> 218 <div><span>ᆮ</span><br /><span>ᆮ</span></div> <!-- HANGUL LETTER TIKEUT --> 219 <div><span>ᄄ</span><br /><span>ᄄ</span></div> <!-- HANGUL LETTER SSANGTIKEUT --> 220 <div><span>ᆯ</span><br /><span>ᆯ</span></div> <!-- HANGUL LETTER RIEUL --> 221 <div><span>ᆰ</span><br /><span>ᆰ</span></div> <!-- HANGUL LETTER RIEUL-KIYEOK --> 222 <div><span>ᆱ</span><br /><span>ᆱ</span></div> <!-- HANGUL LETTER RIEUL-MIEUM --> 223 <div><span>ᆲ</span><br /><span>ᆲ</span></div> <!-- HANGUL LETTER RIEUL-PIEUP --> 224 <div><span>ᆳ</span><br /><span>ᆳ</span></div> <!-- HANGUL LETTER RIEUL-SIOS --> 225 <div><span>ᆴ</span><br /><span>ᆴ</span></div> <!-- HANGUL LETTER RIEUL-THIEUTH --> 226 <div><span>ᆵ</span><br /><span>ᆵ</span></div> <!-- HANGUL LETTER RIEUL-PHIEUPH --> 227 <div><span>ㅀ</span><br /><span>ㅀ</span></div> <!-- HANGUL LETTER RIEUL-HIEUH --> 228 <div><span>ᄆ</span><br /><span>ᄆ</span></div> <!-- HANGUL LETTER MIEUM --> 229 <div><span>ᄇ</span><br /><span>ᄇ</span></div> <!-- HANGUL LETTER PIEUP --> 230 <div><span>ᄈ</span><br /><span>ᄈ</span></div> <!-- HANGUL LETTER SSANGPIEUP --> 231 <div><span>ᆹ</span><br /><span>ᆹ</span></div> <!-- HANGUL LETTER PIEUP-SIOS --> 232 <div><span>ᄉ</span><br /><span>ᄉ</span></div> <!-- HANGUL LETTER SIOS --> 233 <div><span>ᆻ</span><br /><span>ᆻ</span></div> <!-- HANGUL LETTER SSANGSIOS --> 234 <div><span>ᄋ</span><br /><span>ᄋ</span></div> <!-- HANGUL LETTER IEUNG --> 235 <div><span>ᆽ</span><br /><span>ᆽ</span></div> <!-- HANGUL LETTER CIEUC --> 236 <div><span>ᄍ</span><br /><span>ᄍ</span></div> <!-- HANGUL LETTER SSANGCIEUC --> 237 <div><span>ᆾ</span><br /><span>ᆾ</span></div> <!-- HANGUL LETTER CHIEUCH --> 238 <div><span>ᄏ</span><br /><span>ᄏ</span></div> <!-- HANGUL LETTER KHIEUKH --> 239 <div><span>ᇀ</span><br /><span>ᇀ</span></div> <!-- HANGUL LETTER THIEUTH --> 240 <div><span>ᄑ</span><br /><span>ᄑ</span></div> <!-- HANGUL LETTER PHIEUPH --> 241 <div><span>ᇂ</span><br /><span>ᇂ</span></div> <!-- HANGUL LETTER HIEUH --> 242 <div><span>ᅡ</span><br /><span>ᅡ</span></div> <!-- HANGUL LETTER A --> 243 <div><span>ᅢ</span><br /><span>ᅢ</span></div> <!-- HANGUL LETTER AE --> 244 <div><span>ᅣ</span><br /><span>ᅣ</span></div> <!-- HANGUL LETTER YA --> 245 <div><span>ᅤ</span><br /><span>ᅤ</span></div> <!-- HANGUL LETTER YAE --> 246 <div><span>ᅥ</span><br /><span>ᅥ</span></div> <!-- HANGUL LETTER EO --> 247 <div><span>ᅦ</span><br /><span>ᅦ</span></div> <!-- HANGUL LETTER E --> 248 249 <div><span>ᅧ</span><br /><span>ᅧ</span></div> <!-- HANGUL LETTER YEO --> 250 <div><span>ᅨ</span><br /><span>ᅨ</span></div> <!-- HANGUL LETTER YE --> 251 <div><span>ᅩ</span><br /><span>ᅩ</span></div> <!-- HANGUL LETTER O --> 252 <div><span>ᅪ</span><br /><span>ᅪ</span></div> <!-- HANGUL LETTER WA --> 253 <div><span>ᅫ</span><br /><span>ᅫ</span></div> <!-- HANGUL LETTER WAE --> 254 <div><span>ᅬ</span><br /><span>ᅬ</span></div> <!-- HANGUL LETTER OE --> 255 256 <div><span>ᅭ</span><br /><span>ᅭ</span></div> <!-- HANGUL LETTER YO --> 257 <div><span>ᅮ</span><br /><span>ᅮ</span></div> <!-- HANGUL LETTER U --> 258 <div><span>ᅯ</span><br /><span>ᅯ</span></div> <!-- HANGUL LETTER WEO --> 259 <div><span>ᅰ</span><br /><span>ᅰ</span></div> <!-- HANGUL LETTER WE --> 260 <div><span>ᅱ</span><br /><span>ᅱ</span></div> <!-- HANGUL LETTER WI --> 261 <div><span>ᅲ</span><br /><span>ᅲ</span></div> <!-- HANGUL LETTER YU --> 262 263 <div><span>ᅳ</span><br /><span>ᅳ</span></div> <!-- HANGUL LETTER EU --> 264 <div><span>ᅴ</span><br /><span>ᅴ</span></div> <!-- HANGUL LETTER YI --> 265 <div><span>ᅵ</span><br /><span>ᅵ</span></div> <!-- HANGUL LETTER I --> 266 267 <!-- FULLWIDTH SIGN --> 268 <div><span>￠</span><br /><span>￠</span></div> <!-- CENT SIGN --> 269 <div><span>￡</span><br /><span>￡</span></div> <!-- POUND SIGN --> 270 <div><span>￢</span><br /><span>￢</span></div> <!-- NOT SIGN --> 271 <div><span>￣</span><br /><span>￣</span></div> <!-- MACRON --> 272 <div><span>￤</span><br /><span>￤</span></div> <!-- BROKEN BAR --> 273 <div><span>￥</span><br /><span>￥</span></div> <!-- YEN SIGN --> 274 <div><span>￦</span><br /><span>￦</span></div> <!-- WON SIGN --> 275 276 <!-- HALFWIDTH SIGN --> 277 <div><span>│</span><br /><span>│</span></div> <!-- FORMS LIGHT VERTICAL --> 278 <div><span>←</span><br /><span>←</span></div> <!-- LEFTWARDS ARROW --> 279 <div><span>↑</span><br /><span>↑</span></div> <!-- UPWARDS ARROW --> 280 <div><span>→</span><br /><span>→</span></div> <!-- RIGHTWARDS ARROW --> 281 <div><span>↓</span><br /><span>↓</span></div> <!-- DOWNWARDS ARROW --> 282 <div><span>■</span><br /><span>■</span></div> <!-- BLACK SQUARE --> 283 <div><span>○</span><br /><span>○</span></div> <!-- WHITE CIRCLE --> 284 285 <!-- HALFWIDTH LATIN --> 286 <div><span>Ａ</span><br /><span>Ａ</span></div> 287 <div><span>Ｂ</span><br /><span>Ｂ</span></div> 288 <div><span>Ｃ</span><br /><span>Ｃ</span></div> 289 290 <div><span>ａ</span><br /><span>ａ</span></div> 291 <div><span>ｂ</span><br /><span>ｂ</span></div> 292 <div><span>ｃ</span><br /><span>ｃ</span></div> 293 294 <!-- FULLWIDTH KANA --> 295 <div><span>あ</span><br /><span>あ</span></div> 296 <div><span>い</span><br /><span>い</span></div> 297 <div><span>う</span><br /><span>う</span></div> 298 <div><span>え</span><br /><span>え</span></div> 299 <div><span>お</span><br /><span>お</span></div> 300 301 <div><span>ア</span><br /><span>ア</span></div> 302 <div><span>イ</span><br /><span>イ</span></div> 303 <div><span>ウ</span><br /><span>ウ</span></div> 304 <div><span>エ</span><br /><span>エ</span></div> 305 <div><span>オ</span><br /><span>オ</span></div> 306 </div> 307 </body> 308 </html>