bidi-box-model-004

bidirection box model - borders on normal inline

WeasyPrint

This browser

Assertion
Border sides should be unaffected by directionality

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: bidirection box model - borders on normal inline</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model">
 7     <meta name="flags" content="">
 8     <meta name="assert" content="Border sides should be unaffected by directionality">
 9     <style type="text/css">
10       span {
11       border: 5px solid gray; 
12       border-color: orange purple teal yellow;
13       }
14       
15       .rtol {
16       direction: rtl;
17       unicode-bidi: normal;
18       }
19       
20       p {text-align: left;}
21     </style>
22   </head>
23   
24   <body>
25     <p>Two identical lines:</p>
26     <p>
27       First <span>Second</span>
28     </p>
29     <p>
30       First <span class="rtol">Second</span>
31     </p>
32   </body>
33 </html>