tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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>