grid-lanes-shorthand-computed.html (1012B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Grid Lanes: grid-lanes getComputedStyle()</title> 5 <link rel="author" title="Yanling Wang" href="mailto:yanlingwang@microsoft.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-grid-3"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/css/support/computed-testcommon.js"></script> 10 <script src="/css/support/inheritance-testcommon.js"></script> 11 </head> 12 <body> 13 <div id="target"></div> 14 <script> 15 test_computed_value("grid-lanes", '"a b" 1fr 2fr row'); 16 test_computed_value("grid-lanes", "8px column"); 17 test_computed_value("grid-lanes", '"a b c" 10% 20% 30% row-reverse', '"a b c" 10% 20% 30% row-reverse'); 18 test_computed_value("grid-lanes", '"a b" 10px 20px column-reverse'); 19 test_computed_value("grid-lanes", 'min-content row', 'min-content row'); 20 test_computed_value("grid-lanes", 'repeat(5, auto)', 'repeat(5, auto) normal'); 21 </script> 22 </body> 23 </html>