1157752-upright-bidi-ref.html (682B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 body { 7 -webkit-writing-mode: vertical-rl; 8 writing-mode: vertical-rl; 9 font: 16px/24px sans-serif; 10 padding: 20px; 11 width: 300px; 12 height: 400px; 13 } 14 .sideways { 15 -webkit-text-orientation: sideways-right; 16 text-orientation: sideways-right; 17 } 18 .upright { 19 -webkit-text-orientation: upright; 20 text-orientation: upright; 21 } 22 </style> 23 </head> 24 25 <body> 26 <div class=sideways> 27 Bidi עברית text 28 </div> 29 30 <div dir=rtl class=sideways> 31 Bidi עברית text 32 </div> 33 34 <div class=upright> 35 <bdo dir=ltr>Bidi עברית text</bdo> 36 </div> 37 38 <div dir=rtl class=upright> 39 <bdo dir=ltr>Bidi עברית text</bdo> 40 </div> 41 42 </body> 43 </html>