list-style-valid.html (1941B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Lists: parsing list-style with valid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style"> 7 <meta name="assert" content="list-style supports the full grammar '<'list-style-position'> || <'list-style-image'> || <'list-style-type'>'."> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/css/support/parsing-testcommon.js"></script> 11 </head> 12 <body> 13 <script> 14 test_valid_value('list-style', 'none'); 15 test_valid_value('list-style', 'disc outside none', 'outside'); 16 17 test_valid_value('list-style', 'inside'); 18 test_valid_value('list-style', 'inside disc', 'inside'); 19 test_valid_value('list-style', 'inside none'); 20 test_valid_value('list-style', 'inside none none', 'inside none'); 21 test_valid_value('list-style', 'none inside none', 'inside none'); 22 test_valid_value('list-style', 'none none inside', 'inside none'); 23 test_valid_value('list-style', 'none inside', 'inside none'); 24 test_valid_value('list-style', 'url("https://example.com/")'); 25 test_valid_value('list-style', 'none url("https://example.com/")', 'url("https://example.com/") none'); 26 test_valid_value('list-style', 'url("https://example.com/") disc', 'url("https://example.com/")'); 27 test_valid_value('list-style', 'url("https://example.com/") disc outside', 'url("https://example.com/")'); 28 test_valid_value('list-style', 'square'); 29 30 test_valid_value('list-style', 'square url("https://example.com/") inside', 'inside url("https://example.com/") square'); 31 test_valid_value('list-style', 'square linear-gradient(red,blue) inside', 'inside linear-gradient(red, blue) square'); 32 test_valid_value('list-style', 'disc radial-gradient(circle, #006, #00a 90%, #0000af 100%,white 100%) inside', 'inside radial-gradient(circle, rgb(0, 0, 102), rgb(0, 0, 170) 90%, rgb(0, 0, 175) 100%, white 100%)'); 33 </script> 34 </body> 35 </html>