bidi-breaking-003.xht (2993B)
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: Forced Line Breaks (Unicode)</title> 6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 7 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> 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-003-ref.xht" /> 11 12 <meta name="flags" content="may"/> 13 <meta name="assert" content="Forced line breaks of class B (but not class WS) 14 break bidi paragraphs."/> 15 <style type="text/css"><![CDATA[ 16 /* Make test easier to read */ 17 .test, .control { 18 color: blue; 19 font: bold larger monospace; 20 margin: 1em; 21 padding: 0.25em; 22 border: solid silver; 23 float: left; 24 } 25 .set { 26 clear: both; 27 float: left; 28 border-bottom: solid orange; 29 } 30 p + .set { 31 border-top: solid orange; 32 } 33 34 /* ensure BDO processing */ 35 bdo { 36 unicode-bidi: bidi-override; 37 direction: ltr; 38 } 39 40 /* Enable preservation of source line breaks 41 (and PS and LS for certain nonconformant ws-collapsing implementations) */ 42 .pre { 43 white-space: pre; white-space: pre-lines; 44 } 45 ]]></style> 46 </head> 47 <body> 48 <p>In each pair of silver boxes below, the two patterns must be identical.</p> 49 50 <!-- 51 א א is hebrew letter alef 52 ת ת is hebrew letter tav 53 --> 54 55 <!-- control for bidi support --> 56 <div class="set"> 57 <div class="test"> 58 <div>‏ + - × ÷ א</div> 59 <div>ת + - × ÷ ‏</div> 60 </div> 61 <div class="control"> 62 <div><bdo dir="ltr">א ÷ × - + </bdo></div> 63 <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> 64 </div> 65 </div> 66 67 <!-- paragraph separator breaks bidi paragraph --> 68 <div class="set"> 69 <div class="test"> 70 <div class="pre">א + - × ÷ 
 + - × ÷ ת</div> 71 </div> 72 <div class="control"> 73 <div><bdo dir="ltr">א + - × ÷ </bdo></div> 74 <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> 75 </div> 76 </div> 77 78 <!-- line separator does not break bidi paragraph --> 79 <div class="set"> 80 <div class="test"> 81 <div class="pre">א + - × ÷ 
 + - × ÷ ת</div> 82 </div> 83 <div class="control"> 84 <div><bdo dir="ltr"> ÷ × - + א</bdo></div> 85 <div><bdo dir="ltr">ת ÷ × - + </bdo></div> 86 </div> 87 </div> 88 89 <!-- 90 PS 
 Paragraph separator 91 LS 
 Line separator 92 --> 93 </body> 94 </html>