bidi-box-model-007

bidirection box model - borders on normal block

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 block</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       div {
11       border: 5px solid gray; 
12       border-color: orange purple teal yellow;
13       text-align: left;
14       width: 10em;
15       margin-bottom: 1em;
16       }
17       
18       .rtol {
19       direction: rtl;
20       unicode-bidi: normal;
21       }
22       
23       p {text-align: left;}
24     </style>
25   </head>
26   
27   <body>
28     <p>Two identical lines:</p>
29     <div>
30       Text
31     </div>
32     <div class="rtol">
33       Text
34     </div>
35   </body>
36 </html>