list-style-image-006

list-style-image in rtl context

WeasyPrint

This browser

Assertion
list-style-image should be positioned to the right in rtl context

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: list-style-image in rtl context</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
 7     <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style">
 8     <meta name="flags" content="">
 9     <meta name="assert" content="list-style-image should be positioned to the right in rtl context">
10     <style type="text/css">
11       body {direction:rtl;}
12       ul {
13       list-style-image: url("support/diamond.png");
14       }
15     </style>
16     
17   </head>
18   <body>
19     <ul>
20       <li>This list item should have a fuchsia diamond to the right</li>
21     </ul>
22   </body>
23 </html>