word-break-normal-002

word-break - normal - basic cases

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
font
Assertion
Break lines according to their usual rules.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html lang="ja">
 3 	<head>
 4 		<title>CSS Test: word-break - normal - basic cases</title>
 5 		<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp">
 6 		<link rel="help" title="CSS Text Level 3: 5.2. Word Breaking Rules: the ‘word-break’ property" href="http://www.w3.org/TR/css-text-3/#word-break">
 7 		<link rel="match" href="reference/word-break-normal-002-ref.htm">
 8 		<meta name="flags" content="font">
 9 		<meta name="assert" content="Break lines according to their usual rules.">
10 		<style type="text/css">
11 			
12 				.test span {
13 					word-break: normal;
14 				}
15 				/* the CSS below is not part of the test */
16 				p.test, p.control {
17 					border: 1px solid gray;
18 					color: blue;
19 					font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
20 					width: 10em;
21 				}
22 				span.attention {
23 					color: red;
24 				}
25 			
26 		</style>
27 	</head>
28 	<body>
29 		<p>
30 			Test passes if each pair of upper and lower text in the square box is identical.
31 		</p>
32 		<hr>
33 		<p class="test">
34 			<span>Filler Text Filler Text Filler Text</span>
35 		</p>
36 		<p class="control">
37 			<span>Filler Text Filler<br>Text Filler Text</span>
38 		</p>
39 		<hr>
40 		<p class="test">
41 			<span>満たすための文字 Filler Text</span>
42 		</p>
43 		<p class="control">
44 			<span>満たすための文字<br>Filler Text</span>
45 		</p>
46 		<hr>
47 		<p class="test">
48 			<span>満たすための文字満たすための文字</span>
49 		</p>
50 		<p class="control">
51 			<span>満たすための文字満た<br>すための文字</span>
52 		</p>
53 		<hr>
54 		<p>
55 			<span class="attention">* You will need a Japanese font.</span><br>
56 			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.
57 		</p>
58 	</body>
59 </html>