grid-row-shorthand.html (2308B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#placement-shorthands"> 7 <meta name="assert" content="grid-row should set values for grid-row-start and grid-row-end"> 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("grid-row", "auto / auto", { 15 "grid-row-start": "auto", 16 "grid-row-end": "auto" 17 }); 18 test_shorthand_value("grid-row", "auto", { 19 "grid-row-start": "auto", 20 "grid-row-end": "auto" 21 }); 22 23 test_shorthand_value("grid-row", "10 / auto", { 24 "grid-row-start": "10", 25 "grid-row-end": "auto" 26 }); 27 test_shorthand_value("grid-row", "10", { 28 "grid-row-start": "10", 29 "grid-row-end": "auto" 30 }); 31 32 test_shorthand_value("grid-row", "-10 / auto", { 33 "grid-row-start": "-10", 34 "grid-row-end": "auto" 35 }); 36 test_shorthand_value("grid-row", "-10", { 37 "grid-row-start": "-10", 38 "grid-row-end": "auto" 39 }); 40 41 test_shorthand_value("grid-row", "span 2 / auto", { 42 "grid-row-start": "span 2", 43 "grid-row-end": "auto" 44 }); 45 test_shorthand_value("grid-row", "span 2", { 46 "grid-row-start": "span 2", 47 "grid-row-end": "auto" 48 }); 49 50 test_shorthand_value("grid-row", "3 last / auto", { 51 "grid-row-start": "3 last", 52 "grid-row-end": "auto" 53 }); 54 test_shorthand_value("grid-row", "3 last", { 55 "grid-row-start": "3 last", 56 "grid-row-end": "auto" 57 }); 58 59 test_shorthand_value("grid-row", "span first / auto", { 60 "grid-row-start": "span first", 61 "grid-row-end": "auto" 62 }); 63 test_shorthand_value("grid-row", "span first", { 64 "grid-row-start": "span first", 65 "grid-row-end": "auto" 66 }); 67 test_shorthand_value("grid-row", "span 2 first / auto", { 68 "grid-row-start": "span 2 first", 69 "grid-row-end": "auto" 70 }); 71 test_shorthand_value("grid-row", "span 2 first", { 72 "grid-row-start": "span 2 first", 73 "grid-row-end": "auto" 74 }); 75 76 test_shorthand_value("grid-row", "last / last", { 77 "grid-row-start": "last", 78 "grid-row-end": "last" 79 }); 80 test_shorthand_value("grid-row", "last", { 81 "grid-row-start": "last", 82 "grid-row-end": "last" 83 }); 84 85 </script> 86 </body> 87 </html>