line-break-strict-011

line-break - strict and Japanese small kana

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
font
Assertion
This test verifies that 'line-break: strict' does not allow line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and 'Japanese small kana i (U+3043)'.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 	<head>
 4 		<title>CSS Text Test: line-break - strict and Japanese small kana</title>
 5 		<!-- Japanese small kana -->
 6 		<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
 7 		<link rel="help" title="5.2. Breaking Rules for Punctuation: the 'line-break' property" href="http://www.w3.org/TR/css-text-3/#line-break">
 8 		<link rel="match" href="reference/line-break-strict-011-ref.htm">
 9 		<meta http-equiv="content-language" content="en, ja">
10 		<meta name="flags" content="font">
11 		<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before Japanese small kana such as 'Japanese small kana a (U+3041)' and  'Japanese small kana i (U+3043)'.">
12 		<style type="text/css">
13 			@font-face
14 			{
15 				font-family: "mplus-1p-regular";
16 				src: url("support/mplus-1p-regular.woff") format("woff");
17 				/* filesize: 803300 bytes (784.5 KBytes) */
18 				/*
19 				mplus-1p-regular.ttf can be downloaded at/from [TBD later]
20 				*/
21 			}
22 			.test span {
23 				line-break: strict;						// The property to be tested
24 			}
25 			p.test, p.control {
26 				border: 1px solid gray;
27 				color: blue;
28 				font-family: "mplus-1p-regular";
29 				width: 10em;
30 			}
31 			span.target {
32 				background-color: aqua;
33 			}
34 		</style>
35 	</head>
36 	<body lang="en">
37 		<p>
38 			Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
39 		</p>
40 		<!-- Japanese small kana: HIRAGANA LETTER SMALL A -->
41 		<p class="test" lang="ja">
42 			<span>サンプル文サンプル文<span class="target"></span>サンプル文</span>
43 		</p>
44 		<p class="control" lang="ja">
45 			<span>サンプル文サンプル<br><span class="target"></span>サンプル文</span>
46 		</p>
47 		<hr>
48 		<!-- Japanese small kana: HIRAGANA LETTER SMALL I -->
49 		<p class="test" lang="ja">
50 			<span>サンプル文サンプル文<span class="target"></span>サンプル文</span>
51 		</p>
52 		<p class="control" lang="ja">
53 			<span>サンプル文サンプル<br><span class="target"></span>サンプル文</span>
54 		</p>
55 		<hr>
56 		<!-- Japanese small kana: HIRAGANA LETTER SMALL U -->
57 		<p class="test" lang="ja">
58 			<span>サンプル文サンプル文<span class="target"></span>サンプル文</span>
59 		</p>
60 		<p class="control" lang="ja">
61 			<span>サンプル文サンプル<br><span class="target"></span>サンプル文</span>
62 		</p>
63 		<hr>
64 		<!-- Japanese small kana: HIRAGANA LETTER SMALL E -->
65 		<p class="test" lang="ja">
66 			<span>サンプル文サンプル文<span class="target"></span>サンプル文</span>
67 		</p>
68 		<p class="control" lang="ja">
69 			<span>サンプル文サンプル<br><span class="target"></span>サンプル文</span>
70 		</p>
71 		<hr>
72 		<!-- Japanese small kana: HIRAGANA LETTER SMALL O -->
73 		<p class="test" lang="ja">
74 			<span>サンプル文サンプル文<span class="target"></span>サンプル文</span>
75 		</p>
76 		<p class="control" lang="ja">
77 			<span>サンプル文サンプル<br><span class="target"></span>サンプル文</span>
78 		</p>
79 	</body>
80 </html>