[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-006.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4   <meta charset="UTF-8">
5   <title>String value of list-style-type with bidi text inside</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-006-ref.html">
9   <meta name="assert" content="This test checks that the bidi algorithm runs for markers with unicode-bidi:isolate, so that the text inside the marker is isolated from the text outside. This is only relevant when the marker is positioned inside.">
10   <style>
11     .list {
12       list-style-position: inside;
13       width: 50%;
14       box-sizing: border-box;
15       float: left;
16       padding-inline-start: 14ch;
17       margin: 0;
18       line-height: 1.6;
19     }
20     .rtl { direction: rtl }
21     .list > :nth-child(1) { list-style-type: "\627 \644 " }
22     .list > :nth-child(2) { list-style-type: "\61 \627 \644 " }
23     .list > :nth-child(3) { list-style-type: "\627 \644 \62 " }
24     .list > :nth-child(4) { list-style-type: "\61 \627 \644 \62 " }
25     .list > :nth-child(5) { list-style-type: "\61 \62 \627 \644 " }
26     .list > :nth-child(6) { list-style-type: "\627 \644 \61 \62 " }
27     .list > :nth-child(7) { list-style-type: "\31 \627 \644 " }
28     .list > :nth-child(8) { list-style-type: "\627 \644 \32 " }
29     .list > :nth-child(9) { list-style-type: "\31 \627 \644 \32 " }
30     .list > :nth-child(10) { list-style-type: "\31 \32 \627 \644 " }
31     .list > :nth-child(11) { list-style-type: "\627 \644 \31 \32 " }
32   </style>
33 </head>
34 <body>
35   <ol class="list ltr">
36     <li>item 1</li>
37     <li>item 2</li>
38     <li>item 3</li>
39     <li>item 4</li>
40     <li>item 5</li>
41     <li>item 6</li>
42     <li>item 7</li>
43     <li>item 8</li>
44     <li>item 9</li>
45     <li>item 10</li>
46     <li>item 11</li>
47   </ol>
48   <ul class="list rtl">
49     <li>item 1</li>
50     <li>item 2</li>
51     <li>item 3</li>
52     <li>item 4</li>
53     <li>item 5</li>
54     <li>item 6</li>
55     <li>item 7</li>
56     <li>item 8</li>
57     <li>item 9</li>
58     <li>item 10</li>
59     <li>item 11</li>
60   </ul>
61 </body>
62 </html>