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 border-top: 20px dotted blue; | 11 border-top: 20px dotted blue; |
12 border-right: 30px dotted blue; | 12 border-right: 30px dotted blue; |
13 border-bottom: 40px dotted blue; | 13 border-bottom: 40px dotted blue; |
14 border-left: 50px dotted blue; | 14 border-left: 50px dotted blue; |
15 grid-definition-rows: 100px 100px; | 15 grid-template-rows: 100px 100px; |
16 grid-definition-columns: 100px 100px; | 16 grid-template-columns: 100px 100px; |
17 width: 200px; | 17 width: 200px; |
18 } | 18 } |
19 </style> | 19 </style> |
20 </head> | 20 </head> |
21 <body onload="checkLayout('.grid')"> | 21 <body onload="checkLayout('.grid')"> |
22 | 22 |
23 <div>This test checks that the grid items are shifted by the grid container's bo
rders before and start.</div> | 23 <div>This test checks that the grid items are shifted by the grid container's bo
rders before and start.</div> |
24 | 24 |
25 <div style="position: relative"> | 25 <div style="position: relative"> |
26 <div class="grid" data-expected-width="280" data-expected-height="260"> | 26 <div class="grid" data-expected-width="280" data-expected-height="260"> |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
90 <div class="grid horizontalBT directionRTL" data-expected-width="280" data-e
xpected-height="260"> | 90 <div class="grid horizontalBT directionRTL" data-expected-width="280" data-e
xpected-height="260"> |
91 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="30" data
-offset-y="120" data-expected-width="100" data-expected-height="100"></div> | 91 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="30" data
-offset-y="120" data-expected-width="100" data-expected-height="100"></div> |
92 <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="130" da
ta-offset-y="120" data-expected-width="100" data-expected-height="100"></div> | 92 <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="130" da
ta-offset-y="120" data-expected-width="100" data-expected-height="100"></div> |
93 <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="30" dat
a-offset-y="20" data-expected-width="100" data-expected-height="100"></div> | 93 <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="30" dat
a-offset-y="20" data-expected-width="100" data-expected-height="100"></div> |
94 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="130" d
ata-offset-y="20" data-expected-width="100" data-expected-height="100"></div> | 94 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="130" d
ata-offset-y="20" data-expected-width="100" data-expected-height="100"></div> |
95 </div> | 95 </div> |
96 </div> | 96 </div> |
97 | 97 |
98 </body> | 98 </body> |
99 </html> | 99 </html> |
OLD | NEW |