[css-lists] Import tests for list-style-type: <string>
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-lists / list-style-type-string-003.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4   <meta charset="UTF-8">
5   <title>String value of list-style-type with RTL direction</title>
6   <link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
7   <link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
8   <link rel="match" href="list-style-type-string-003-ref.html">
9   <meta name="assert" content="This test checks that list-style-type can set the marker string when the direction is RTL.">
10   <style>
11     .list {
12       list-style-type: "";
13       direction: rtl;
14     }
15     .list > :nth-child(2) { list-style-type: "foo" }
16     .list > :nth-child(3) { list-style-type: "foobar"; }
17     .list > :nth-child(4) { list-style-type: "some very long text that is not going to fit and will overflow"; }
18   </style>
19 </head>
20 <body>
21   <ol class="list">
22     <li>item 1</li>
23     <li>item 2</li>
24     <li>item 3</li>
25     <li>item 4</li>
26   </ol>
27   <ul class="list">
28     <li>item 1</li>
29     <li>item 2</li>
30     <li>item 3</li>
31     <li>item 4</li>
32   </ul>
33 </body>
34 </html>