Files
servo/tests/wpt/css-tests/css-text-3_dev/html/reference/word-break-break-all-009-ref.htm

55 lines
1.6 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: word-break - break-all - basic cases</title>
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp">
<style type="text/css">
.test span {
word-break: break-all;
}
/* the CSS below is not part of the test */
p.test, p.control {
border: 1px solid gray;
color: blue;
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
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>
<p class="test">
<span>Filler Text Filler Text Filler Text</span>
</p>
<p class="control">
<span>Filler Text Filler T<br>ext Filler Text</span>
</p>
<hr>
<p class="test">
<span>満たすための文字 Filler Text</span>
</p>
<p class="control">
<span>満たすための文字 Fil<br>ler Text</span>
</p>
<hr>
<p class="test">
<span>満たすための文字満たすための文字</span>
</p>
<p class="control">
<span>満たすための文字満た<br>すための文字</span>
</p>
<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>