tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

direction-upright-001.html (2003B)

      1 <!DOCTYPE html>
      2 <title>'text-orientation: upright' forces text to strong LTR in vertical typographic modes</title>
      3 <link rel=help href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation">
      4 <link rel=match href="reference/direction-upright-001.html">
      5 <meta charset=utf-8>
      6 <style>
      7  body > div {
      8    border: solid silver;
      9    float: left;
     10    margin: 1em;
     11    text-align: right;
     12    font: 20px/1 sans-serif;
     13  }
     14  span { text-orientation: upright; }
     15  hr { clear: both; }
     16 </style>
     17 
     18 <p>Test passes if both rows of boxes are identical (order, orientation, and arrangement of contents).
     19 
     20 <!-- test -->
     21 
     22 <div dir=rtl style="writing-mode: vertical-rl">
     23 א ב <span>ג ד</span> <span>ה ו</span> ז<br>
     24 ١ ٢ <span>٣ ٤</span> <span>٥ ٦</span> ٧
     25 </div>
     26 <div dir=rtl style="writing-mode: vertical-lr">
     27 א ב <span>ג ד</span> <span>ה ו</span> ז<br>
     28 ١ ٢ <span>٣ ٤</span> <span>٥ ٦</span> ٧
     29 </div>
     30 
     31 <!-- control -->
     32 
     33 <div dir=rtl>
     34 א ב <span>ג ד</span> <span>ה ו</span> ז<br>
     35 ١ ٢ <span>٣ ٤</span> <span>٥ ٦</span> ٧
     36 </div>
     37 <div dir=rtl style="writing-mode: sideways-rl">
     38 א ב <span>ג ד</span> <span>ה ו</span> ז<br>
     39 ١ ٢ <span>٣ ٤</span> <span>٥ ٦</span> ٧
     40 </div>
     41 <div dir=rtl style="writing-mode: sideways-lr">
     42 א ב <span>ג ד</span> <span>ה ו</span> ז<br>
     43 ١ ٢ <span>٣ ٤</span> <span>٥ ٦</span> ٧
     44 </div>
     45 
     46 <hr>
     47 
     48 <!-- reference -->
     49 
     50 <div style="writing-mode: vertical-rl">
     51 <bdo dir=ltr>
     52 ז <span>ג ד</span> <span>ה ו</span> ב א<br>
     53 ٧ <span>٣ ٤</span> <span>٥ ٦</span> ٢ ١
     54 </bdo>
     55 </div>
     56 <div style="writing-mode: vertical-lr">
     57 <bdo dir=ltr>
     58 ז <span>ג ד</span> <span>ה ו</span> ב א<br>
     59 ٧ <span>٣ ٤</span> <span>٥ ٦</span> ٢ ١
     60 </bdo>
     61 </div>
     62 
     63 <div dir=rtl> א ב ג ד ה ו ז<br>
     64 ١ ٢ ٣ ٤ ٥ ٦ ٧
     65 </div>
     66 <div dir=rtl style="writing-mode: sideways-rl">
     67 א ב ג ד ה ו ז<br>
     68 ١ ٢ ٣ ٤ ٥ ٦ ٧
     69 </div>
     70 <div dir=rtl style="writing-mode: sideways-lr">
     71 א ב ג ד ה ו ז<br>
     72 ١ ٢ ٣ ٤ ٥ ٦ ٧
     73 </div>