tor-browser

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

bidi-simple.html (2747B)

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