tor-browser

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

bidi-simple-ref.html (3031B)

      1 <!DOCTYPE HTML>
      2 <!--
      3    Any copyright is dedicated to the Public Domain.
      4    http://creativecommons.org/licenses/publicdomain/
      5 -->
      6 <html><head>
      7 <title>text-overflow: simple mixed-bidi cases</title>
      8 <style type="text/css">
      9 @font-face {
     10  font-family: DejaVuSansMono;
     11  src: url(../fonts/DejaVuSansMono.woff);
     12 }
     13 html,body {
     14    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
     15 }
     16 
     17 .test {
     18  overflow:auto;
     19  white-space:nowrap;
     20  width: 4.4em;
     21  position:relative;
     22  margin-top:1em;
     23 }
     24 
     25 .hidden {
     26  overflow:hidden;
     27  width: 4.7em;
     28 }
     29 
     30 .rlo {
     31  unicode-bidi: bidi-override; direction: rtl;
     32 }
     33 .lro {
     34  unicode-bidi: bidi-override; direction: ltr;
     35 }
     36 .rtl {
     37  direction:rtl;
     38 }
     39 r {
     40  position:absolute;
     41  top:0; right:0;
     42 }
     43 l {
     44  position:absolute;
     45  top:0; left:0;
     46 }
     47 </style>
     48 
     49 </head><body>
     50 
     51 
     52 <!-- LTR overflow:scroll -->
     53 <div class="test"><r>&#x2026</r>AxxxxB&nbsp;&nbsp;<span class="rlo">HelloWor</span>Axxxx<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
     54 
     55 <div class="test"><r>&#x2026</r><span class="rlo">He&nbsp;&nbsp;oWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
     56 
     57 <div class="test"><r>&#x2026</r><span class="rlo">He&nbsp;&nbsp;oWorld</span></div>
     58 
     59 
     60 <!-- LTR overflow:hidden -->
     61 <div class="test hidden">AxxxxB<m>&#x2026</m><span class="rlo">HelloWorl&nbsp;</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
     62 
     63 <div class="test hidden"><span class="rlo">H&nbsp;&nbsp;<m>&#x2026</m>oWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span></div>
     64 
     65 <div class="test hidden"><span class="rlo">H&nbsp;&nbsp;<m>&#x2026</m>oWorld</span></div>
     66 
     67 <!-- RTL overflow:scroll -->
     68 <div class="test rtl"><l>&#x2026</l>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW&nbsp;&nbsp;ld</span></div>
     69 
     70 <div class="test rtl"><l>&#x2026</l><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW&nbsp;&nbsp;ld</span></div>
     71 
     72 <div class="test rtl"><l>&#x2026</l><span class="rlo">HelloW&nbsp;&nbsp;ld</span></div>
     73 
     74 
     75 <!-- RTL overflow:hidden -->
     76 <div class="test rtl hidden">AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW<m>&#x2026</m>&nbsp;&nbsp;&nbsp;</span></div>
     77 
     78 <div class="test rtl hidden"><span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloWorld</span>AxxxxB<span class="rlo">HelloW<m>&#x2026</m>&nbsp;&nbsp;&nbsp;</span></div>
     79 
     80 <div class="test rtl hidden"><span class="rlo">HelloW<m>&#x2026</m>&nbsp;&nbsp;&nbsp;</span></div>
     81 
     82 
     83 
     84 
     85 </body></html>