margin-trim.html (2508B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS margin-trim: property parsing</title> 6 <link rel="help" href="https://www.w3.org/TR/css-box-4/#margin-trim"> 7 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 8 <meta name="assert" content="Test parsing for the margin-trim property"> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/parsing-testcommon.js"></script> 12 </head> 13 <body> 14 <script> 15 // Individual values should get set 16 test_valid_value("margin-trim", "none"); 17 test_valid_value("margin-trim", "block"); 18 test_valid_value("margin-trim", "inline"); 19 test_valid_value("margin-trim", "block-start"); 20 test_valid_value("margin-trim", "block-end"); 21 test_valid_value("margin-trim", "inline-start"); 22 test_valid_value("margin-trim", "inline-end"); 23 24 test_valid_value("margin-trim", "block inline"); 25 test_valid_value("margin-trim", "inline block"); 26 27 // Serialize values into either block or inline 28 test_valid_value("margin-trim", "block-start block-end", "block"); 29 test_valid_value("margin-trim", "inline-start inline-end", "inline"); 30 test_valid_value("margin-trim", "block-end block-start", "block"); 31 test_valid_value("margin-trim", "inline-end inline-start", "inline"); 32 test_valid_value("margin-trim", "inline-start block-start"); 33 34 test_valid_value("margin-trim", "inline-end block-start block-end"); 35 36 // Serialize 4 values into "block inline" 37 test_valid_value("margin-trim", "block-start inline-start block-end inline-end", "block inline"); 38 test_valid_value("margin-trim", "block-start block-end inline-end inline-start", "block inline"); 39 test_valid_value("margin-trim", "block-start block-end inline-start inline-end", "block inline"); 40 test_valid_value("margin-trim", "inline-start block-end block-start inline-end", "block inline"); 41 test_valid_value("margin-trim", "inline-start inline-end block-start block-end", "block inline"); 42 test_valid_value("margin-trim", "inline-end block-end inline-start block-start", "block inline"); 43 44 test_invalid_value("margin-trim", "block block"); 45 test_invalid_value("margin-trim", "inline inline"); 46 test_invalid_value("margin-trim", "block inline-start inline-end"); 47 test_invalid_value("margin-trim", "block block-start block-end"); 48 test_invalid_value("margin-trim", "block-start block-end block"); 49 test_invalid_value("margin-trim", "block 10px"); 50 test_invalid_value("margin-trim", "auto"); 51 test_invalid_value("margin-trim", "left"); 52 </script> 53 </body> 54 </html>