<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>CSS3 Text, text transform: small kana mappings, katakana</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="http://dev.w3.org/csswg/css-text-3/#text-transform" rel="help" /> <link href="reference/css3-text-text-transform-045-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="The browser will map small katakana characters to full sized katakana for display if text-transform is set to full-size-kana." name="assert" /> <style type="text/css"> /* the CSS below is not part of the test */ .test, .ref { font-size: 200%; line-height: 2.5em; } .test span, .ref span { margin-right: 1em; white-space: nowrap; } .test { text-transform: full-size-kana; } </style> <script src="support/script.js"> </script> </head> <body> <p class="instructions">Test passes if the both characters in each pair match.</p><p class="instructionNote">If you can't see all the glyphs, click on Skip.</p> <div lang="ja" class="test"><span>ァ ア</span> <span>ィ イ</span> <span>ゥ ウ</span> <span>ェ エ</span> <span>ォ オ</span> <span>ヵ カ</span> <span>ㇰ ク</span> <span>ヶ ケ</span> <span>ㇱ シ</span> <span>ㇲ ス</span> <span>ッ ツ</span> <span>ㇳ ト</span> <span>ㇴ ヌ</span> <span>ㇵ ハ</span> <span>ㇶ ヒ</span> <span>ㇷ フ</span> <span>ㇸ ヘ</span> <span>ㇹ ホ</span> <span>ㇺ ム</span> <span>ャ ヤ</span> <span>ュ ユ</span> <span>ョ ヨ</span> <span>ㇻ ラ</span> <span>ㇼ リ</span> <span>ㇽ ル</span> <span>ㇾ レ</span> <span>ㇿ ロ</span> <span>ヮ ワ </span></div> <!--Notes: A downloaded WOFF font is used to maximise the likelihood that the characters can be seen. --> </body></html>