bidi-breaking-001

Bidi paragraph boundaries: Blocks

WeasyPrint

This browser

Assertion
Block boundaries break bidi paragraphs.

Source

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