| 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 |