servo/tests/wpt/css-tests/css-text-3_dev/xhtml1/full-width-002.xht

36 lines
No EOL
1.2 KiB
HTML

<!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>
<meta charset="utf-8" />
<title>CSS Writing Modes: text-combine-upright on full-width characters</title>
<link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" />
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth" rel="help" />
<link href="http://www.w3.org/TR/css-text-3/#full-width" rel="help" />
<link href="reference/full-width-ref.xht" rel="match" />
<link href="reference/full-width-notcu-notref.xht" rel="mismatch" />
<link href="reference/full-width-horizontal-notref.xht" rel="mismatch" />
<meta content="When two or more full-width characters are combined, they are first converted to non-full-width characters." name="assert" />
<style>
.test {
writing-mode: vertical-rl;
}
.tcy, .tcu-all {
text-combine-upright: all;
}
.tcy {
text-transform: full-width;
}
</style>
</head>
<body>
<p>Test passes if the following paragraphs are identical:</p>
<div class="test">
<p><span class="tcy">6</span><span class="tcy">19</span></p>
<p>6月<span class="tcu-all">19</span></p>
</div>
</body></html>