text-combine-upright-line-breaking-rules-001-ref.html (965B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Writing Modes: line-breaking-rules</title> 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"> 8 <style> 9 @font-face { 10 font-family: "orientation"; 11 src: url("/fonts/adobe-fonts/CSSHWOrientationTest.otf"); 12 } 13 .vrl { 14 border:solid; 15 font-family:orientation; 16 font-size:60px; 17 height:2em; 18 margin:.2em; 19 writing-mode:vertical-rl; 20 } 21 .tcy { 22 text-combine-upright:all; 23 } 24 .ref { 25 white-space: nowrap; 26 } 27 </style> 28 </head> 29 <body> 30 <p>Test passes two blocks look identical. 31 If the right most columns do not match, the test is invalid.</p> 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> 34 </body> 35 </html>