bidi-color-001

Applying color to elements split by bidi

WeasyPrint

This browser

Assertion
Color should be applied only to the part of the text it has been specified for, even after bidi has rearranged the words to be non-consecutive

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: Applying color to elements split by bidi</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     <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors">
 8     <meta name="flags" content="">
 9     <meta name="assert" content="Color should be applied only to the part of the text it has been specified for, even after bidi has rearranged the words to be non-consecutive">
10     <style type="text/css">
11       span {
12       color: blue;
13       }
14       </style>
15   </head>
16   
17   <body>
18     <p>
19       Words 2 and 4 from left should be <span>blue</span>:
20     </p>
21     <p>abc <span>def ليص</span> افت</p>
22 
23   </body>
24 </html>