OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <title>CSS Writing Modes: line-breaking-rules</title> | 5 <title>CSS Writing Modes: line-breaking-rules</title> |
6 <link rel="author" title="Shinsuke Matsuki" href="mailto:shinsuke.matsuki@access
-company.com"> | 6 <link rel="author" title="Shinsuke Matsuki" href="mailto:shinsuke.matsuki@access
-company.com"> |
7 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> | 7 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> |
8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-up
right"> | 8 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combin
e-layout" title="9.1.2. Layout Rules"> |
9 <link rel="match" href="reference/text-combine-upright-line-breaking-rules-001.h
tml"> | 9 <link rel="match" href="reference/text-combine-upright-line-breaking-rules-001.h
tml"> |
10 <meta name="assert" content="The bracket should be combined with following chara
cters."> | 10 <meta name="assert" content="The bracket should be combined with following chara
cters."> |
11 <style> | 11 <style> |
| 12 @font-face { |
| 13 font-family: "orientation"; |
| 14 src: url("support/adobe-fonts/CSSHWOrientationTest.otf"); |
| 15 } |
12 .vrl { | 16 .vrl { |
13 border:solid; | 17 border:solid; |
14 font-size:20pt; | 18 font-family:orientation; |
15 height:2.5em; | 19 font-size:60px; |
| 20 height:2em; |
16 margin:.2em; | 21 margin:.2em; |
17 writing-mode:vertical-rl; | 22 writing-mode:vertical-rl; |
18 } | 23 } |
19 .tcy { | 24 .tcy { |
20 text-combine-upright:all; | 25 text-combine-upright:all; |
21 } | 26 } |
| 27 .ref { |
| 28 white-space: nowrap; |
| 29 } |
22 </style> | 30 </style> |
23 </head> | 31 </head> |
24 <body> | 32 <body> |
25 <p>Test passes two blocks look identical.</p> | 33 <p>Test passes two blocks look identical. |
26 <div class=vrl>あ「<span class=tcy>12</span></div> | 34 If the right most columns do not match, the test is invalid.</p> |
27 <div class=vrl>あ<br>「<span class=tcy>12</span></div> | 35 <div class=vrl>あああああああああああああああ「<span class=tcy>12</span></div> |
| 36 <div class="vrl ref">ああああああああ<br>あああああああ<br>「<span class=tcy>12</span></div> |
28 </body> | 37 </body> |
29 </html> | 38 </html> |
OLD | NEW |