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("suppoadobe-fonts/CSSHWOrientationTest.otf"); | |
kojii
2016/09/05 03:44:27
The path was somehow modified, the original csswg-
qyearsley
2016/09/07 16:57:09
Yeah, that's weird! Perhaps this is a bug in the t
| |
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 |