servo/tests/wpt/css-tests/css-text-3_dev/html/reference/hanging-punctuation-allow-end-001-ref.htm

87 lines
No EOL
2.3 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<title>CSS Test: hanging-punctuation - allow-end - basic cases Reftest Reference</title>
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp">
<style type="text/css">
body {
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
}
.no-wrap {
white-space: nowrap;
}
.parent {
border: 1px solid gray;
margin-left: 2em;
width: 10em
}
span.attention {
color: red;
}
</style>
</head>
<body>
<p>
Test passes if each pair of upper and lower text in the square box is identical.
</p>
<hr>
<div>
IDEOGRAPHIC COMMA
</div>
<div class="parent">
<div class="no-wrap">
これらは満たす文字で、<br>それらも満たす文字で<br>す。
</div>
<br>
<div class="no-wrap">
これらは満たす文字で、<br>それらも満たす文字で<br>す。
</div>
</div>
<hr>
<div>
IDEOGRAPHIC FULL STOP
</div>
<div class="parent">
<div class="no-wrap">
これは満たす文字です。
</div>
<br>
<div class="no-wrap">
これは満たす文字です。
</div>
</div>
<hr>
<div>
HALFWIDTH IDEOGRAPHIC COMMA
</div>
<div class="parent">
<div class="no-wrap">
ミタスモジ、ミタスモジ、ミタスモジ、<br>ミタスモジ。
</div>
<br>
<div class="no-wrap">
ミタスモジ、ミタスモジ、ミタスモジ、<br>ミタスモジ。
</div>
</div>
<hr>
<div>
HALFWIDTH IDEOGRAPHIC FULL STOP
</div>
<div class="parent">
<div class="no-wrap">
ミタスモジ。ミタスモジ。ミタスモジ。<br>ミタスモジ。
</div>
<br>
<div class="no-wrap">
ミタスモジ。ミタスモジ。ミタスモジ。<br>ミタスモジ。
</div>
</div>
<hr>
<p>
<span class="attention">* You will need a Japanese font.</span><br>
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 reload this page.
</p>
</body>
</html>