columns-invalid.html (1519B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Multi-column Layout: parsing columns with invalid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-columns"> 7 <link rel="help" href="https://drafts.csswg.org/css-multicol-2/#propdef-columns"> 8 <meta name="assert" content="columns supports only the grammar '[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?'."> 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 // Invalid keyword. 16 test_invalid_value("columns", "none"); 17 18 // Only column-count can be unitless. 19 test_invalid_value("columns", "10px 20px"); 20 test_invalid_value("columns", "10 20"); 21 22 // column-count needs to be 1 or more. 23 test_invalid_value("columns", "0 0"); 24 test_invalid_value("columns", "0 7px"); 25 26 // Excess keywords. 27 test_invalid_value("columns", "auto auto auto"); 28 test_invalid_value("columns", "10em auto auto"); 29 test_invalid_value("columns", "initial initial"); 30 test_invalid_value("columns", "inherit inherit"); 31 32 // With "/ <'column-height'>" 33 test_invalid_value("columns", "/ 100px"); 34 test_invalid_value("columns", "/ auto"); 35 test_invalid_value("columns", "/"); 36 test_invalid_value("columns", "auto /"); 37 test_invalid_value("columns", "100px /"); 38 test_invalid_value("columns", "2 /"); 39 test_invalid_value("columns", "2 100px /"); 40 test_invalid_value("columns", "100px 2 /"); 41 42 </script> 43 </body> 44 </html>