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 <style> | 8 <style> |
| 9 @font-face { |
| 10 font-family: "orientation"; |
| 11 src: url("support/adobe-fonts/CSSHWOrientationTest.otf"); |
| 12 } |
9 .vrl { | 13 .vrl { |
10 border:solid; | 14 border:solid; |
11 font-size:20pt; | 15 font-family:orientation; |
12 height:2.5em; | 16 font-size:60px; |
| 17 height:2em; |
13 margin:.2em; | 18 margin:.2em; |
14 writing-mode:vertical-rl; | 19 writing-mode:vertical-rl; |
15 } | 20 } |
16 .tcy { | 21 .tcy { |
17 text-combine-upright:all; | 22 text-combine-upright:all; |
18 } | 23 } |
| 24 .ref { |
| 25 white-space: nowrap; |
| 26 } |
19 </style> | 27 </style> |
20 </head> | 28 </head> |
21 <body> | 29 <body> |
22 <p>Test passes two blocks look identical.</p> | 30 <p>Test passes two blocks look identical. |
23 <div class=vrl>あ<br>「<span class=tcy>12</span></div> | 31 If the right most columns do not match, the test is invalid.</p> |
24 <div class=vrl>あ<br>「<span class=tcy>12</span></div> | 32 <div class="vrl ref">ああああああああ<br>あああああああ<br>「<span class=tcy>12</span></div> |
| 33 <div class="vrl ref">ああああああああ<br>あああああああ<br>「<span class=tcy>12</span></div> |
25 </body> | 34 </body> |
26 </html> | 35 </html> |
OLD | NEW |