| <?xml version="1.0" encoding="UTF-8"?> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: text-transform - fullwidth - basic cases Reftest Reference</title> |
| <link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" /> |
| <style type="text/css"> |
| <![CDATA[ |
| span { |
| background-color: cyan; |
| } |
| .test { |
| color: Blue; |
| font-size: 200%; |
| line-height: 1.2em; |
| } |
| .test div { |
| display: inline-block; |
| margin-bottom: 1em; |
| margin-top: 1em; |
| text-align: center; |
| white-space: nowrap; |
| width: 5em; |
| } |
| ]]> |
| </style> |
| <script type="text/javascript"> |
| // <![CDATA[ |
| // Set Font Family to 'IPAMincho' |
| function setFontFamily () { |
| var fontName = 'IPAMincho'; |
| 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++; |
| } |
| } |
| // ]]> |
| </script> |
| </head> |
| <body> |
| <p> |
| Test passes if the upper character in each pair matches the lower one in both shape <strong>and size</strong>. |
| </p> |
| <div class="test"> |
| |
| <!-- FULLWIDTH LATIN --> |
| <div>[<span> </span>]<br />[<span> </span>]</div> |
| <div><span>！</span><br /><span>！</span></div> |
| <div><span>”</span><br /><span>”</span></div> |
| <div><span>＃</span><br /><span>＃</span></div> |
| <div><span>＄</span><br /><span>＄</span></div> |
| <div><span>％</span><br /><span>％</span></div> |
| <div><span>＆</span><br /><span>＆</span></div> |
| <div><span>’</span><br /><span>’</span></div> |
| <div><span>（</span><br /><span>（</span></div> |
| <div><span>）</span><br /><span>）</span></div> |
| <div><span>＊</span><br /><span>＊</span></div> |
| <div><span>＋</span><br /><span>＋</span></div> |
| <div><span>，</span><br /><span>，</span></div> |
| <div><span>－</span><br /><span>－</span></div> |
| <div><span>．</span><br /><span>．</span></div> |
| <div><span>／</span><br /><span>／</span></div> |
| <br /> |
| <div><span>０</span><br /><span>０</span></div> |
| <div><span>１</span><br /><span>１</span></div> |
| <div><span>２</span><br /><span>２</span></div> |
| <div><span>３</span><br /><span>３</span></div> |
| <div><span>４</span><br /><span>４</span></div> |
| <div><span>５</span><br /><span>５</span></div> |
| <div><span>６</span><br /><span>６</span></div> |
| <div><span>７</span><br /><span>７</span></div> |
| <div><span>８</span><br /><span>８</span></div> |
| <div><span>９</span><br /><span>９</span></div> |
| <br /> |
| <div><span>：</span><br /><span>：</span></div> |
| <div><span>；</span><br /><span>；</span></div> |
| <div><span>＜</span><br /><span>＜</span></div> |
| <div><span>＝</span><br /><span>＝</span></div> |
| <div><span>＞</span><br /><span>＞</span></div> |
| <div><span>？</span><br /><span>？</span></div> |
| <div><span>＠</span><br /><span>＠</span></div> |
| <br /> |
| <div><span>Ａ</span><br /><span>Ａ</span></div> |
| <div><span>Ｂ</span><br /><span>Ｂ</span></div> |
| <div><span>Ｃ</span><br /><span>Ｃ</span></div> |
| <div><span>Ｄ</span><br /><span>Ｄ</span></div> |
| <div><span>Ｅ</span><br /><span>Ｅ</span></div> |
| <div><span>Ｆ</span><br /><span>Ｆ</span></div> |
| <div><span>Ｇ</span><br /><span>Ｇ</span></div> |
| <div><span>Ｈ</span><br /><span>Ｈ</span></div> |
| <div><span>Ｉ</span><br /><span>Ｉ</span></div> |
| <div><span>Ｊ</span><br /><span>Ｊ</span></div> |
| <div><span>Ｋ</span><br /><span>Ｋ</span></div> |
| <div><span>Ｌ</span><br /><span>Ｌ</span></div> |
| <div><span>Ｍ</span><br /><span>Ｍ</span></div> |
| <div><span>Ｎ</span><br /><span>Ｎ</span></div> |
| <div><span>Ｏ</span><br /><span>Ｏ</span></div> |
| <div><span>Ｐ</span><br /><span>Ｐ</span></div> |
| <div><span>Ｑ</span><br /><span>Ｑ</span></div> |
| <div><span>Ｒ</span><br /><span>Ｒ</span></div> |
| <div><span>Ｓ</span><br /><span>Ｓ</span></div> |
| <div><span>Ｔ</span><br /><span>Ｔ</span></div> |
| <div><span>Ｕ</span><br /><span>Ｕ</span></div> |
| <div><span>Ｖ</span><br /><span>Ｖ</span></div> |
| <div><span>Ｗ</span><br /><span>Ｗ</span></div> |
| <div><span>Ｘ</span><br /><span>Ｘ</span></div> |
| <div><span>Ｙ</span><br /><span>Ｙ</span></div> |
| <div><span>Ｚ</span><br /><span>Ｚ</span></div> |
| <br /> |
| <div><span>［</span><br /><span>［</span></div> |
| <div><span>＼</span><br /><span>＼</span></div> |
| <div><span>］</span><br /><span>］</span></div> |
| <div><span>＾</span><br /><span>＾</span></div> |
| <div><span>＿</span><br /><span>＿</span></div> |
| <div><span>｀</span><br /><span>｀</span></div> |
| <br /> |
| <div><span>ａ</span><br /><span>ａ</span></div> |
| <div><span>ｂ</span><br /><span>ｂ</span></div> |
| <div><span>ｃ</span><br /><span>ｃ</span></div> |
| <div><span>ｄ</span><br /><span>ｄ</span></div> |
| <div><span>ｅ</span><br /><span>ｅ</span></div> |
| <div><span>ｆ</span><br /><span>ｆ</span></div> |
| <div><span>ｇ</span><br /><span>ｇ</span></div> |
| <div><span>ｈ</span><br /><span>ｈ</span></div> |
| <div><span>ｉ</span><br /><span>ｉ</span></div> |
| <div><span>ｊ</span><br /><span>ｊ</span></div> |
| <div><span>ｋ</span><br /><span>ｋ</span></div> |
| <div><span>ｌ</span><br /><span>ｌ</span></div> |
| <div><span>ｍ</span><br /><span>ｍ</span></div> |
| <div><span>ｎ</span><br /><span>ｎ</span></div> |
| <div><span>ｏ</span><br /><span>ｏ</span></div> |
| <div><span>ｐ</span><br /><span>ｐ</span></div> |
| <div><span>ｑ</span><br /><span>ｑ</span></div> |
| <div><span>ｒ</span><br /><span>ｒ</span></div> |
| <div><span>ｓ</span><br /><span>ｓ</span></div> |
| <div><span>ｔ</span><br /><span>ｔ</span></div> |
| <div><span>ｕ</span><br /><span>ｕ</span></div> |
| <div><span>ｖ</span><br /><span>ｖ</span></div> |
| <div><span>ｗ</span><br /><span>ｗ</span></div> |
| <div><span>ｘ</span><br /><span>ｘ</span></div> |
| <div><span>ｙ</span><br /><span>ｙ</span></div> |
| <div><span>ｚ</span><br /><span>ｚ</span></div> |
| <br /> |
| <div><span>｛</span><br /><span>｛</span></div> |
| <div><span>｜</span><br /><span>｜</span></div> |
| <div><span>｝</span><br /><span>｝</span></div> |
| <div><span>～</span><br /><span>～</span></div> |
| |
| <div><span>｟</span><br /><span>｟</span></div> <!-- LEFT WHITE PARENTHESIS --> |
| <div><span>｠</span><br /><span>｠</span></div> <!-- RIGHT WHITE PARENTHESIS --> |
| |
| <!-- HALFWIDTH KATAKANA --> |
| <br /> |
| <div><span>。</span><br /><span>。</span></div> |
| <div><span>「</span><br /><span>「</span></div> |
| <div><span>」</span><br /><span>」</span></div> |
| <div><span>、</span><br /><span>、</span></div> |
| <div><span>・</span><br /><span>・</span></div> |
| <br /> |
| <div><span>ヲ</span><br /><span>ヲ</span></div> |
| <div><span>ァ</span><br /><span>ァ</span></div> |
| <div><span>ィ</span><br /><span>ィ</span></div> |
| <div><span>ゥ</span><br /><span>ゥ</span></div> |
| <div><span>ェ</span><br /><span>ェ</span></div> |
| <div><span>ォ</span><br /><span>ォ</span></div> |
| <div><span>ャ</span><br /><span>ャ</span></div> |
| <div><span>ュ</span><br /><span>ュ</span></div> |
| <div><span>ョ</span><br /><span>ョ</span></div> |
| <div><span>ッ</span><br /><span>ッ</span></div> |
| <div><span>ー</span><br /><span>ー</span></div> |
| <br /> |
| <div><span>ア</span><br /><span>ア</span></div> |
| <div><span>イ</span><br /><span>イ</span></div> |
| <div><span>ウ</span><br /><span>ウ</span></div> |
| <div><span>エ</span><br /><span>エ</span></div> |
| <div><span>オ</span><br /><span>オ</span></div> |
| <div><span>カ</span><br /><span>カ</span></div> |
| <div><span>キ</span><br /><span>キ</span></div> |
| <div><span>ク</span><br /><span>ク</span></div> |
| <div><span>ケ</span><br /><span>ケ</span></div> |
| <div><span>コ</span><br /><span>コ</span></div> |
| <div><span>サ</span><br /><span>サ</span></div> |
| <div><span>シ</span><br /><span>シ</span></div> |
| <div><span>ス</span><br /><span>ス</span></div> |
| <div><span>セ</span><br /><span>セ</span></div> |
| <div><span>ソ</span><br /><span>ソ</span></div> |
| <div><span>タ</span><br /><span>タ</span></div> |
| <div><span>チ</span><br /><span>チ</span></div> |
| <div><span>ツ</span><br /><span>ツ</span></div> |
| <div><span>テ</span><br /><span>テ</span></div> |
| <div><span>ト</span><br /><span>ト</span></div> |
| <div><span>ナ</span><br /><span>ナ</span></div> |
| <div><span>ニ</span><br /><span>ニ</span></div> |
| <div><span>ヌ</span><br /><span>ヌ</span></div> |
| <div><span>ネ</span><br /><span>ネ</span></div> |
| <div><span>ノ</span><br /><span>ノ</span></div> |
| <div><span>ハ</span><br /><span>ハ</span></div> |
| <div><span>ヒ</span><br /><span>ヒ</span></div> |
| <div><span>フ</span><br /><span>フ</span></div> |
| <div><span>ヘ</span><br /><span>ヘ</span></div> |
| <div><span>ホ</span><br /><span>ホ</span></div> |
| <div><span>マ</span><br /><span>マ</span></div> |
| <div><span>ミ</span><br /><span>ミ</span></div> |
| <div><span>ム</span><br /><span>ム</span></div> |
| <div><span>メ</span><br /><span>メ</span></div> |
| <div><span>モ</span><br /><span>モ</span></div> |
| <div><span>ヤ</span><br /><span>ヤ</span></div> |
| <div><span>ユ</span><br /><span>ユ</span></div> |
| <div><span>ヨ</span><br /><span>ヨ</span></div> |
| <div><span>ラ</span><br /><span>ラ</span></div> |
| <div><span>リ</span><br /><span>リ</span></div> |
| <div><span>ル</span><br /><span>ル</span></div> |
| <div><span>レ</span><br /><span>レ</span></div> |
| <div><span>ロ</span><br /><span>ロ</span></div> |
| <div><span>ワ</span><br /><span>ワ</span></div> |
| <div><span>ン</span><br /><span>ン</span></div> |
| <br /> |
| <div><span>゛</span><br /><span>゛</span></div> |
| <div><span>゜</span><br /><span>゜</span></div> |
| |
| <!-- HALFWIDTH HANGUL --> |
| <br /> |
| <div>[<span>ᅟ</span>]<br />[<span>ᅟ</span>]</div> <!-- HANGUL FILLER --> |
| <div><span>ᆨ</span><br /><span>ᆨ</span></div> <!-- HANGUL LETTER KIYEOK --> |
| <div><span>ᆩ</span><br /><span>ᆩ</span></div> <!-- HANGUL LETTER SSANGKIYEOK --> |
| <div><span>ᆪ</span><br /><span>ᆪ</span></div> <!-- HANGUL LETTER KIYEOK-SIOS --> |
| <div><span>ᆫ</span><br /><span>ᆫ</span></div> <!-- HANGUL LETTER NIEUN --> |
| <div><span>ᆬ</span><br /><span>ᆬ</span></div> <!-- HANGUL LETTER NIEUN-CIEUC --> |
| <div><span>ᆭ</span><br /><span>ᆭ</span></div> <!-- HANGUL LETTER NIEUN-HIEUH --> |
| <div><span>ᆮ</span><br /><span>ᆮ</span></div> <!-- HANGUL LETTER TIKEUT --> |
| <div><span>ᄄ</span><br /><span>ᄄ</span></div> <!-- HANGUL LETTER SSANGTIKEUT --> |
| <div><span>ᆯ</span><br /><span>ᆯ</span></div> <!-- HANGUL LETTER RIEUL --> |
| <div><span>ᆰ</span><br /><span>ᆰ</span></div> <!-- HANGUL LETTER RIEUL-KIYEOK --> |
| <div><span>ᆱ</span><br /><span>ᆱ</span></div> <!-- HANGUL LETTER RIEUL-MIEUM --> |
| <div><span>ᆲ</span><br /><span>ᆲ</span></div> <!-- HANGUL LETTER RIEUL-PIEUP --> |
| <div><span>ᆳ</span><br /><span>ᆳ</span></div> <!-- HANGUL LETTER RIEUL-SIOS --> |
| <div><span>ᆴ</span><br /><span>ᆴ</span></div> <!-- HANGUL LETTER RIEUL-THIEUTH --> |
| <div><span>ᆵ</span><br /><span>ᆵ</span></div> <!-- HANGUL LETTER RIEUL-PHIEUPH --> |
| <div><span>ᄚ</span><br /><span>ᄚ</span></div> <!-- HANGUL LETTER RIEUL-HIEUH --> |
| <div><span>ᄆ</span><br /><span>ᄆ</span></div> <!-- HANGUL LETTER MIEUM --> |
| <div><span>ᄇ</span><br /><span>ᄇ</span></div> <!-- HANGUL LETTER PIEUP --> |
| <div><span>ᄈ</span><br /><span>ᄈ</span></div> <!-- HANGUL LETTER SSANGPIEUP --> |
| <div><span>ᆹ</span><br /><span>ᆹ</span></div> <!-- HANGUL LETTER PIEUP-SIOS --> |
| <div><span>ᄉ</span><br /><span>ᄉ</span></div> <!-- HANGUL LETTER SIOS --> |
| <div><span>ᆻ</span><br /><span>ᆻ</span></div> <!-- HANGUL LETTER SSANGSIOS --> |
| <div><span>ᄋ</span><br /><span>ᄋ</span></div> <!-- HANGUL LETTER IEUNG --> |
| <div><span>ᆽ</span><br /><span>ᆽ</span></div> <!-- HANGUL LETTER CIEUC --> |
| <div><span>ᄍ</span><br /><span>ᄍ</span></div> <!-- HANGUL LETTER SSANGCIEUC --> |
| <div><span>ᆾ</span><br /><span>ᆾ</span></div> <!-- HANGUL LETTER CHIEUCH --> |
| <div><span>ᄏ</span><br /><span>ᄏ</span></div> <!-- HANGUL LETTER KHIEUKH --> |
| <div><span>ᇀ</span><br /><span>ᇀ</span></div> <!-- HANGUL LETTER THIEUTH --> |
| <div><span>ᄑ</span><br /><span>ᄑ</span></div> <!-- HANGUL LETTER PHIEUPH --> |
| <div><span>ᇂ</span><br /><span>ᇂ</span></div> <!-- HANGUL LETTER HIEUH --> |
| <br /> |
| <div><span>ᅡ</span><br /><span>ᅡ</span></div> <!-- HANGUL LETTER A --> |
| <div><span>ᅢ</span><br /><span>ᅢ</span></div> <!-- HANGUL LETTER AE --> |
| <div><span>ᅣ</span><br /><span>ᅣ</span></div> <!-- HANGUL LETTER YA --> |
| <div><span>ᅤ</span><br /><span>ᅤ</span></div> <!-- HANGUL LETTER YAE --> |
| <div><span>ᅥ</span><br /><span>ᅥ</span></div> <!-- HANGUL LETTER EO --> |
| <div><span>ᅦ</span><br /><span>ᅦ</span></div> <!-- HANGUL LETTER E --> |
| |
| <div><span>ᅧ</span><br /><span>ᅧ</span></div> <!-- HANGUL LETTER YEO --> |
| <div><span>ᅨ</span><br /><span>ᅨ</span></div> <!-- HANGUL LETTER YE --> |
| <div><span>ᅩ</span><br /><span>ᅩ</span></div> <!-- HANGUL LETTER O --> |
| <div><span>ᅪ</span><br /><span>ᅪ</span></div> <!-- HANGUL LETTER WA --> |
| <div><span>ᅫ</span><br /><span>ᅫ</span></div> <!-- HANGUL LETTER WAE --> |
| <div><span>ᅬ</span><br /><span>ᅬ</span></div> <!-- HANGUL LETTER OE --> |
| |
| <div><span>ᅭ</span><br /><span>ᅭ</span></div> <!-- HANGUL LETTER YO --> |
| <div><span>ᅮ</span><br /><span>ᅮ</span></div> <!-- HANGUL LETTER U --> |
| <div><span>ᅯ</span><br /><span>ᅯ</span></div> <!-- HANGUL LETTER WEO --> |
| <div><span>ᅰ</span><br /><span>ᅰ</span></div> <!-- HANGUL LETTER WE --> |
| <div><span>ᅱ</span><br /><span>ᅱ</span></div> <!-- HANGUL LETTER WI --> |
| <div><span>ᅲ</span><br /><span>ᅲ</span></div> <!-- HANGUL LETTER YU --> |
| |
| <div><span>ᅳ</span><br /><span>ᅳ</span></div> <!-- HANGUL LETTER EU --> |
| <div><span>ᅴ</span><br /><span>ᅴ</span></div> <!-- HANGUL LETTER YI --> |
| <div><span>ᅵ</span><br /><span>ᅵ</span></div> <!-- HANGUL LETTER I --> |
| |
| <!-- FULLWIDTH SIGN --> |
| <br /> |
| <div><span>￠</span><br /><span>￠</span></div> <!-- CENT SIGN --> |
| <div><span>￡</span><br /><span>￡</span></div> <!-- POUND SIGN --> |
| <div><span>￢</span><br /><span>￢</span></div> <!-- NOT SIGN --> |
| <div><span>￣</span><br /><span>￣</span></div> <!-- MACRON --> |
| <div><span>￤</span><br /><span>￤</span></div> <!-- BROKEN BAR --> |
| <div><span>￥</span><br /><span>￥</span></div> <!-- YEN SIGN --> |
| <div><span>￦</span><br /><span>￦</span></div> <!-- WON SIGN --> |
| |
| <!-- HALFWIDTH SIGN --> |
| <br /> |
| <div><span>｜</span><br /><span>｜</span></div> <!-- FORMS LIGHT VERTICAL --> |
| <div><span>←</span><br /><span>←</span></div> <!-- LEFTWARDS ARROW --> |
| <div><span>↑</span><br /><span>↑</span></div> <!-- UPWARDS ARROW --> |
| <div><span>→</span><br /><span>→</span></div> <!-- RIGHTWARDS ARROW --> |
| <div><span>↓</span><br /><span>↓</span></div> <!-- DOWNWARDS ARROW --> |
| <div><span>■</span><br /><span>■</span></div> <!-- BLACK SQUARE --> |
| <div><span>○</span><br /><span>○</span></div> <!-- WHITE CIRCLE --> |
| |
| <!-- HALFWIDTH LATIN --> |
| <br /> |
| <div><span>Ａ</span><br /><span>Ａ</span></div> |
| <div><span>Ｂ</span><br /><span>Ｂ</span></div> |
| <div><span>Ｃ</span><br /><span>Ｃ</span></div> |
| <br /> |
| <div><span>ａ</span><br /><span>ａ</span></div> |
| <div><span>ｂ</span><br /><span>ｂ</span></div> |
| <div><span>ｃ</span><br /><span>ｃ</span></div> |
| |
| <!-- FULLWIDTH KANA --> |
| <br /> |
| <div><span>あ</span><br /><span>あ</span></div> |
| <div><span>い</span><br /><span>い</span></div> |
| <div><span>う</span><br /><span>う</span></div> |
| <div><span>え</span><br /><span>え</span></div> |
| <div><span>お</span><br /><span>お</span></div> |
| <br /> |
| <div><span>ア</span><br /><span>ア</span></div> |
| <div><span>イ</span><br /><span>イ</span></div> |
| <div><span>ウ</span><br /><span>ウ</span></div> |
| <div><span>エ</span><br /><span>エ</span></div> |
| <div><span>オ</span><br /><span>オ</span></div> |
| </div> |
| <p id="fontChange" style="display: none;"> |
| If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and apply it. |
| <button type="button" onclick="setFontFamily()"> |
| Apply |
| </button> |
| </p> |
| <script type="text/javascript"> |
| if (document.getElementById) { |
| document.getElementById('fontChange').style.display = 'block' |
| } |
| </script> |
| </body> |
| </html> |
