tor-browser

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

scroll-padding-block-inline-shorthand.html (1153B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="utf-8">
      5 <title>CSS Scroll Snap Test: scroll-padding-block, scroll-padding-inline set longhands</title>
      6 <link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#padding-longhands-logical">
      7 <meta name="assert" content="scroll-padding-block, scroll-padding-inline support the full grammar '[ auto | <length-percentage> ]{1,2}'.">
      8 <script src="/resources/testharness.js"></script>
      9 <script src="/resources/testharnessreport.js"></script>
     10 <script src="/css/support/shorthand-testcommon.js"></script>
     11 </head>
     12 <body>
     13 <script>
     14 test_shorthand_value('scroll-padding-block', 'auto 10px', {
     15  'scroll-padding-block-start': 'auto',
     16  'scroll-padding-block-end': '10px'
     17 });
     18 
     19 test_shorthand_value('scroll-padding-block', '20%', {
     20  'scroll-padding-block-start': '20%',
     21  'scroll-padding-block-end': '20%'
     22 });
     23 
     24 test_shorthand_value('scroll-padding-inline', '10px auto', {
     25  'scroll-padding-inline-start': '10px',
     26  'scroll-padding-inline-end': 'auto'
     27 });
     28 
     29 test_shorthand_value('scroll-padding-inline', '0%', {
     30  'scroll-padding-inline-start': '0%',
     31  'scroll-padding-inline-end': '0%'
     32 });
     33 </script>
     34 </body>
     35 </html>