place-items-valid.html (1576B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Box Alignment Level 3: parsing place-items with valid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-place-items"> 7 <meta name="assert" content="place-items supports the full grammar '<align-items> <justify-items>?'."> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/css/support/parsing-testcommon.js"></script> 11 </head> 12 <body> 13 <script> 14 test_valid_value("place-items", "normal"); 15 test_valid_value("place-items", "stretch stretch", "stretch"); 16 17 test_valid_value("place-items", "first baseline", "baseline"); 18 test_valid_value("place-items", "last baseline last baseline", "last baseline"); 19 20 test_valid_value("place-items", "center"); 21 test_valid_value("place-items", "end end", "end"); 22 test_valid_value("place-items", "self-start"); 23 test_valid_value("place-items", "flex-end"); 24 test_valid_value("place-items", "unsafe center unsafe center", "unsafe center"); 25 test_valid_value("place-items", "safe self-end"); 26 27 test_valid_value("place-items", "stretch baseline"); 28 test_valid_value("place-items", "last baseline center"); 29 test_valid_value("place-items", "safe self-end normal"); 30 31 test_valid_value("place-items", "normal right"); 32 test_valid_value("place-items", "baseline unsafe left"); 33 34 test_valid_value("place-items", "flex-end legacy"); 35 test_valid_value("place-items", "stretch legacy left"); 36 test_valid_value("place-items", "first baseline right legacy", "baseline legacy right"); 37 </script> 38 </body> 39 </html>