scroll-margin-valid.html (1519B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Scroll Snap Test: scroll-margin with valid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin"> 7 <meta name="assert" content="scroll-margin supports the full grammar '<length>{1,4}'."> 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("scroll-margin-top", "0", "0px"); 15 test_valid_value("scroll-margin-top", "-10px"); 16 test_valid_value("scroll-margin-top", "calc(2em + 3ex)"); 17 18 19 test_valid_value("scroll-margin-right", "0", "0px"); 20 test_valid_value("scroll-margin-right", "-10px"); 21 test_valid_value("scroll-margin-right", "calc(2em + 3ex)"); 22 23 24 test_valid_value("scroll-margin-bottom", "0", "0px"); 25 test_valid_value("scroll-margin-bottom", "-10px"); 26 test_valid_value("scroll-margin-bottom", "calc(2em + 3ex)"); 27 28 29 test_valid_value("scroll-margin-left", "0", "0px"); 30 test_valid_value("scroll-margin-left", "-10px"); 31 test_valid_value("scroll-margin-left", "calc(2em + 3ex)"); 32 33 34 test_valid_value("scroll-margin", "0", "0px"); 35 test_valid_value("scroll-margin", "-10px"); 36 test_valid_value("scroll-margin", "calc(2em + 3ex)"); 37 38 test_valid_value("scroll-margin", "1px 2px"); 39 test_valid_value("scroll-margin", "1px 2px 3px"); 40 test_valid_value("scroll-margin", "1px 2px 3px 4px"); 41 test_valid_value("scroll-margin", "0 0 0 0", "0px"); 42 </script> 43 </body> 44 </html>