tor-browser

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

bidi-isolate-override-011.html (1631B)

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <head>
      4 <meta charset="utf-8"/>
      5 <title>direction/unicode-bidi: direction alone and inherited, isolate-override</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-isolate-override-011.html'/>
     10 <meta name="assert" content='unicode-bidi: isolate-override will apply direction declared on a higher level element.'/>
     11 <style type="text/css">
     12 .test b { direction: rtl; font-weight: normal; }
     13 .test span { unicode-bidi: isolate-override; }
     14 
     15 /* the following styles are not part of the test */
     16 .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; padding: 5px; clear: both; }
     17 input { margin: 5px; }
     18 @font-face {
     19    font-family: 'ezra_silregular';
     20    src: url('/fonts/sileot-webfont.woff') format('woff');
     21    font-weight: normal;
     22    font-style: normal;
     23    }
     24 .test, .ref { font-family: ezra_silregular, serif; }
     25 </style>
     26 </head>
     27 <body>
     28 <p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
     29 
     30 
     31 <!--Notes:
     32 Key to entities used below:
     33        &#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
     34        &#x202d; - The LRO (left-to-right-isolate-override) formatting character.
     35        &#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
     36 -->
     37 
     38 
     39 
     40 <div class="test">&gt; <b>a &gt; <span>bc &gt; &#x5d1;&#x5d2;</span> &gt; d</b> &gt;</div>
     41 
     42 
     43 <div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d2;&#x5d1; &lt; cb &gt; d &gt;&#x202c;</div>
     44 
     45 
     46 
     47 
     48 
     49 
     50 </body></html>