OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script> | 3 <script> |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
6 </script> | 6 </script> |
7 <script src="../../resources/check-layout.js"></script> | 7 <script src="../../resources/check-layout.js"></script> |
8 <link href="resources/grid.css" rel="stylesheet"> | 8 <link href="resources/grid.css" rel="stylesheet"> |
9 <style> | 9 <style> |
10 .grid { | 10 .grid { |
11 padding: 20px 30px 40px 50px; | 11 padding: 20px 30px 40px 50px; |
12 grid-definition-rows: 100px 100px; | 12 grid-template-rows: 100px 100px; |
13 grid-definition-columns: 100px 100px; | 13 grid-template-columns: 100px 100px; |
14 width: 200px; | 14 width: 200px; |
15 } | 15 } |
16 </style> | 16 </style> |
17 </head> | 17 </head> |
18 <body onload="checkLayout('.grid')"> | 18 <body onload="checkLayout('.grid')"> |
19 | 19 |
20 <div>This test checks that the grid items are shifted by the grid container's pa
ddings before and start.</div> | 20 <div>This test checks that the grid items are shifted by the grid container's pa
ddings before and start.</div> |
21 | 21 |
22 <div style="position: relative"> | 22 <div style="position: relative"> |
23 <div class="grid" data-expected-width="280" data-expected-height="260"> | 23 <div class="grid" data-expected-width="280" data-expected-height="260"> |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
87 <div class="grid horizontalBT directionRTL" data-expected-width="280" data-e
xpected-height="260"> | 87 <div class="grid horizontalBT directionRTL" data-expected-width="280" data-e
xpected-height="260"> |
88 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="30" data
-offset-y="120" data-expected-width="100" data-expected-height="100"></div> | 88 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="30" data
-offset-y="120" data-expected-width="100" data-expected-height="100"></div> |
89 <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="130" da
ta-offset-y="120" data-expected-width="100" data-expected-height="100"></div> | 89 <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="130" da
ta-offset-y="120" data-expected-width="100" data-expected-height="100"></div> |
90 <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="30" dat
a-offset-y="20" data-expected-width="100" data-expected-height="100"></div> | 90 <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="30" dat
a-offset-y="20" data-expected-width="100" data-expected-height="100"></div> |
91 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="130" d
ata-offset-y="20" data-expected-width="100" data-expected-height="100"></div> | 91 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="130" d
ata-offset-y="20" data-expected-width="100" data-expected-height="100"></div> |
92 </div> | 92 </div> |
93 </div> | 93 </div> |
94 | 94 |
95 </body> | 95 </body> |
96 </html> | 96 </html> |
OLD | NEW |