tor-browser

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

bidi-breaking-001.xht (3064B)

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      2                       "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      3 <html xmlns="http://www.w3.org/1999/xhtml">
      4 <head>
      5   <title>CSS Test: Bidi paragraph boundaries: Blocks</title>
      6   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
      7   <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 -->
      8   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/>
      9   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
     10   <link rel="match" href="bidi-breaking-001-ref.xht" />
     11 
     12   <meta name="assert" content="Block boundaries break bidi paragraphs."/>
     13   <style type="text/css"><![CDATA[
     14      /* Make test easier to read */
     15     .test, .control {
     16       color: blue;
     17       font: bold larger monospace;
     18       margin: 1em;
     19       padding: 0.25em;
     20       border: solid silver;
     21       float: left;
     22     }
     23     .set {
     24       clear: both;
     25       float: left;
     26       border-bottom: solid orange;
     27     }
     28     p + .set {
     29       border-top: solid orange;
     30     }
     31 
     32     /* ensure BDO processing */
     33     bdo {
     34       unicode-bidi: bidi-override;
     35       direction: ltr;
     36     }
     37   ]]></style>
     38 </head>
     39 <body>
     40   <p>In each pair of silver boxes below, the two patterns must be identical.</p>
     41 
     42   <!--
     43   &#x05D0; א is hebrew letter alef
     44   &#x05EA; ת is hebrew letter tav
     45   -->
     46 
     47   <!-- control for bidi support -->
     48   <div class="set">
     49     <div class="test">
     50       <div>&rlm;&nbsp; + - &times; &divide; &#x05D0;</div>
     51       <div>&#x05EA; + - &times; &divide; &nbsp;&rlm;</div>
     52     </div>
     53     <div class="control">
     54       <div><bdo dir="ltr">&#x05D0; &divide; &times; - + &nbsp;</bdo></div>
     55       <div><bdo dir="ltr">&nbsp; &divide; &times; - + &#x05EA;</bdo></div>
     56     </div>
     57   </div>
     58 
     59   <!-- sibling boxes -->
     60   <div class="set">
     61     <div class="test">
     62       <div>&#x05D0; + - &times; &divide; &nbsp;</div>
     63       <div>&nbsp; + - &times; &divide; &#x05EA;</div>
     64     </div>
     65     <div class="control">
     66       <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
     67       <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
     68     </div>
     69   </div>
     70 
     71   <!-- anonymous boxes -->
     72   <div class="set">
     73     <div class="test">
     74       <div>&#x05D0; + - &times; &divide; &nbsp;</div>
     75       &nbsp; + - &times; &divide; &#x05EA;
     76     </div>
     77     <div class="control">
     78       <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
     79       <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
     80     </div>
     81   </div>
     82 
     83   <!-- anonymous boxes -->
     84   <div class="set">
     85     <div class="test">
     86       &#x05D0; + - &times; &divide; &nbsp;
     87       <div></div>
     88       &nbsp; + - &times; &divide; &#x05EA;
     89     </div>
     90     <div class="control">
     91       <div><bdo dir="ltr">&#x05D0; + - &times; &divide; &nbsp;</bdo></div>
     92       <div><bdo dir="ltr">&nbsp; + - &times; &divide; &#x05EA;</bdo></div>
     93     </div>
     94   </div>
     95 <!--
     96 PS &#x2029; Paragraph separator
     97 LS &#x2028; Line separator
     98 -->
     99 </body>
    100 </html>