counter-reset-valid.html (1523B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Lists: parsing counter-reset with valid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-counter-reset"> 7 <meta name="assert" content="counter-reset supports the full grammar '[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none'."> 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('counter-reset', 'none'); 15 test_valid_value('counter-reset', 'chapter', 'chapter 0'); 16 test_valid_value('counter-reset', 'chapter chapter 9', 'chapter 0 chapter 9'); 17 test_valid_value('counter-reset', 'reversed(chapter)'); 18 test_valid_value('counter-reset', 'chapter reversed(chapter)', 'chapter 0 reversed(chapter)'); 19 test_valid_value('counter-reset', 'reversed(chapter) 9 chapter', 'reversed(chapter) 9 chapter 0'); 20 test_valid_value('counter-reset', 'section -1'); 21 test_valid_value('counter-reset', 'reversed(section) -1'); 22 test_valid_value('counter-reset', 'first -1 second third 99', 'first -1 second 0 third 99'); 23 test_valid_value('counter-reset', 'reversed(first) -1 reversed(second) third 99', 'reversed(first) -1 reversed(second) third 99'); 24 test_valid_value('counter-reset', 'section calc(1)'); 25 test_valid_value('counter-reset', 'section calc(-2.5)'); 26 test_valid_value('counter-reset', 'section calc(10 + (5 * sign(2cqw - 10px)))'); 27 </script> 28 </body> 29 </html>