tor-browser

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

grid-gap-shorthand.html (1000B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="utf-8">
      5 <title>CSS Box Alignment Level 3: grid-gap sets longhands</title>
      6 <link rel="help" href="https://drafts.csswg.org/css-align/#grid-gap-legacy">
      7 <link rel="author" title="Takuya Kurimoto" href="mailto:takuya004869@gmail.com">
      8 <meta name="assert" content="grid-gap supports the full grammar '<grid-row-gap> <column-gap>?'.">
      9 <script src="/resources/testharness.js"></script>
     10 <script src="/resources/testharnessreport.js"></script>
     11 <script src="/css/support/shorthand-testcommon.js"></script>
     12 </head>
     13 <body>
     14 <script>
     15 test_shorthand_value('gap', 'normal', {
     16  'row-gap': 'normal',
     17  'column-gap': 'normal'
     18 });
     19 
     20 test_shorthand_value('gap', '10px 20%', {
     21  'row-gap': '10px',
     22  'column-gap': '20%'
     23 });
     24 
     25 test_shorthand_value('gap', '10px normal', {
     26  'row-gap': '10px',
     27  'column-gap': 'normal'
     28 });
     29 
     30 test_shorthand_value('gap', 'normal calc(20% + 10px)', {
     31  'grid-row-gap': 'normal',
     32  'grid-column-gap': 'calc(20% + 10px)'
     33 });
     34 </script>
     35 </body>
     36 </html>