tor-browser

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

place-content-shorthand.html (1187B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="utf-8">
      5 <title>CSS Box Alignment Level 3: place-content sets longhands</title>
      6 <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-place-content">
      7 <meta name="assert" content="place-content supports the full grammar '<align-content> <justify-content>?'.">
      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('place-content', 'normal', {
     15  'align-content': 'normal',
     16  'justify-content': 'normal'
     17 });
     18 
     19 test_shorthand_value('place-content', 'first baseline', {
     20  'align-content': 'baseline',
     21  'justify-content': 'start'
     22 });
     23 
     24 test_shorthand_value('place-content', 'last baseline flex-start', {
     25  'align-content': 'last baseline',
     26  'justify-content': 'flex-start'
     27 });
     28 
     29 test_shorthand_value('place-content', 'space-around', {
     30  'align-content': 'space-around',
     31  'justify-content': 'space-around'
     32 });
     33 
     34 test_shorthand_value('place-content', 'space-evenly unsafe end', {
     35  'align-content': 'space-evenly',
     36  'justify-content': 'unsafe end'
     37 });
     38 </script>
     39 </body>
     40 </html>