text-orientation-sideways-vrl-100-ref.html (1570B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: sideways.</title> 4 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> 5 <style> 6 @font-face { 7 font-family: "orientation"; 8 src: url("/fonts/adobe-fonts/CSSHWOrientationTest.otf"); 9 } 10 html { 11 writing-mode: vertical-rl; 12 } 13 .test { 14 font: 20px/1 "orientation"; 15 height: 17em; 16 text-orientation: sideways; 17 } 18 .line { 19 white-space: pre; 20 } 21 </style> 22 <body> 23 <div id="container"> 24 <div>U+0020-007E<div class="test"> 25 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 26 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 27 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 28 </div></div> 29 <div>U+3000-30FF<div class="test"> 30 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 31 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 32 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 33 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 34 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 35 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 36 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 37 <div class="line">AAAAAAAAAAAAAAAAAAAAA</div> 38 </div></div> 39 <div>U+4E00-4E1F<div class="test"> 40 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 41 </div></div> 42 <div>U+FF01-FF60<div class="test"> 43 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 44 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 45 <div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 46 </div></div> 47 </div> 48 </body>