scroll-margin-block-inline-shorthand.html (1126B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Scroll Snap Test: scroll-margin-block, scroll-margin-inline set longhands</title> 6 <link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#margin-longhands-logical"> 7 <meta name="assert" content="scroll-margin-block, scroll-margin-inline support the full grammar '<length>{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-margin-block', '10px 20px', { 15 'scroll-margin-block-start': '10px', 16 'scroll-margin-block-end': '20px' 17 }); 18 19 test_shorthand_value('scroll-margin-block', '30px', { 20 'scroll-margin-block-start': '30px', 21 'scroll-margin-block-end': '30px' 22 }); 23 24 test_shorthand_value('scroll-margin-inline', '50px 60px', { 25 'scroll-margin-inline-start': '50px', 26 'scroll-margin-inline-end': '60px' 27 }); 28 29 test_shorthand_value('scroll-margin-inline', '-40px', { 30 'scroll-margin-inline-start': '-40px', 31 'scroll-margin-inline-end': '-40px' 32 }); 33 </script> 34 </body> 35 </html>