tor-browser

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

bidi-override-001.html (1716B)

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <head>
      4 <meta charset="utf-8"/>
      5 <title>direction/unicode-bidi: span direction rtl, bidi-override (1)</title>
      6 
      7 <link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
      8 <link rel="help" href='http://www.w3.org/TR/css-writing-modes-3/#text-direction'/>
      9 <link rel="match" href='reference/bidi-override-001.html'/>
     10 <meta name="assert" content='In a ltr context, if direction:rtl and unicode-bidi:bidi-override are applied to an inline element containing mixed direction text, the characters in that element will all be displayed in rtl order, ignoring the bidi algorithm.'/>
     11 <style type="text/css">
     12 .test span { direction: rtl; unicode-bidi: bidi-override; }
     13 
     14 /* the following styles are not part of the test */
     15 .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
     16 input { margin: 5px; }
     17 @font-face {
     18    font-family: 'ezra_silregular';
     19    src: url('/fonts/sileot-webfont.woff') format('woff');
     20    font-weight: normal;
     21    font-style: normal;
     22    }
     23 .test, .ref { font-family: ezra_silregular, serif; }
     24 </style>
     25 </head>
     26 <body>
     27 <p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
     28 
     29 
     30 <!--Notes:
     31 Key to entities used below:
     32        &#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
     33        &#x202d; - The LRO (left-to-right-override) formatting character.
     34        &#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
     35 -->
     36 
     37 
     38 
     39 <div class="test" dir="ltr">&gt; <span>abcd &gt; &#x5d0;&#x5d1;&#x5d2;&#x5d3;</span> &gt;</div>
     40 
     41 
     42 <div class="ref" dir="ltr">&#x202d;&gt; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &lt; dcba &gt;&#x202c;</div>
     43 
     44 
     45 
     46 
     47 
     48 
     49 </body></html>