[CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns}
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / grid-element-empty-row-column.html
1 <!DOCTYPE html>
2 <html>
3 <script>
4     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
5 </script>
6 <link href=resources/grid.css rel=stylesheet>
7 <style>
8 .gridNoRow {
9     -webkit-grid-definition-columns: 50px;
10     /* Make the grid shrink-to-fit. */
11     position: absolute;
12 }
13 .gridNoColumn {
14     -webkit-grid-definition-rows: 50px 80px;
15     /* Make the grid shrink-to-fit. */
16     position: absolute;
17 }
18 </style>
19 <script src="../../resources/check-layout.js"></script>
20 <body onload="checkLayout('.grid');">
21 <p>This test checks that a grid element with row(s) (resp. column(s)) but no column (resp. row) is properly laid out.</p>
22 <div class="grid gridNoRow" data-expected-width="50" data-expected-height="0"></div>
23 <div class="grid gridNoColumn" data-expected-width="0" data-expected-height="130"></div>
24 </body>
25 </html>