Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/external/wpt/css/css-text/text-transform/reference/text-transform-fullwidth-001-ref.xht 

<?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:[email protected]" />
		<style type="text/css">
			<![CDATA[
			        @font-face {
					font-family: 'mplus-1p-regular';
					src: url('/fonts/mplus-1p-regular.woff') format('woff');
			        }
				span {
					font-family: 'mplus-1p-regular';
					background-color: cyan;
				}
				.test {
					color: Blue;
					line-height: 1.1em;
				}
				.test div {
					display: inline-block;
					margin-bottom: .5em;
					text-align: center;
					white-space: nowrap;
				}
			]]>
		</style>
	</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>

			<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>
			<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>				<!-- LEFT WHITE PARENTHESIS -->
			<div><span>｠</span><br /><span>｠</span></div>				<!-- RIGHT WHITE PARENTHESIS -->

		<!-- HALFWIDTH KATAKANA -->
			<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>
			<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>&nbsp;&#x3099;</span><br /><span>&nbsp;&#x3099;</span></div>
			<div><span>&nbsp;&#x309A;</span><br /><span>&nbsp;&#x309A;</span></div>

		<!-- HALFWIDTH HANGUL -->
			<div>[<span>&#x115F;</span>]<br />[<span>&#x115F;</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 -->
			<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 -->
			<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 -->
			<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 -->
			<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>

		<!-- FULLWIDTH KANA -->
			<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>
	</body>
</html>