grid-lanes-shorthand-invalid.html (1291B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Grid Lanes: parsing grid-lanes with invalid values</title> 6 <link rel="author" title="Yanling Wang" href="mailto:yanlingwang@microsoft.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-grid-3"> 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_invalid_value("grid-lanes", '"a a" 1fr row normal extra'); 15 test_invalid_value("grid-lanes", '"a a a" "b b b" 1fr 1fr 1fr column normal'); 16 test_invalid_value("grid-lanes", 'row normal "a a" 1fr'); 17 test_invalid_value("grid-lanes", '"a a" 1fr invalid normal'); 18 test_invalid_value("grid-lanes", '10px reverse invalid'); 19 test_invalid_value("grid-lanes", 'fit-content(-10px)'); 20 test_invalid_value("grid-lanes", '[] normal'); 21 test_invalid_value("grid-lanes", '[] repeat(auto-fill, 10px) "a" row-reverse'); 22 test_invalid_value("grid-lanes", '[one] 10px [two] [three]'); 23 test_invalid_value("grid-lanes", '[auto] 1px'); 24 test_invalid_value("grid-lanes", '20% 40% column, reverse'); 25 test_invalid_value("grid-lanes", 'none auto column-reverse reverse'); 26 </script> 27 </body> 28 </html>