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