| OLD | NEW | 
|    1 <!DOCTYPE html> |    1 <!DOCTYPE html> | 
|    2 <html> |    2 <html> | 
|    3 <head> |    3 <head> | 
|    4 <script> |    4 <script> | 
|    5 if (window.testRunner) |    5 if (window.testRunner) | 
|    6     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |    6     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 
|    7 </script> |    7 </script> | 
|    8 <link href="resources/grid.css" rel="stylesheet"> |    8 <link href="resources/grid.css" rel="stylesheet"> | 
|    9 <style> |    9 <style> | 
|   10 .gridWithoutRepeat { |   10 .gridWithoutRepeat { | 
|   11     grid-definition-columns: (a) 50px (b) 100px (c) 200px (d); |   11     grid-template-columns: (a) 50px (b) 100px (c) 200px (d); | 
|   12     grid-definition-rows: (e) 50px (f) 100px (g) 200px (h); |   12     grid-template-rows: (e) 50px (f) 100px (g) 200px (h); | 
|   13 } |   13 } | 
|   14  |   14  | 
|   15 .gridWithRepeat { |   15 .gridWithRepeat { | 
|   16     grid-definition-columns: (b) 50px (b) 100px (b) 200px (b); |   16     grid-template-columns: (b) 50px (b) 100px (b) 200px (b); | 
|   17     grid-definition-rows: (g) 50px (g) 100px (g) 200px (g); |   17     grid-template-rows: (g) 50px (g) 100px (g) 200px (g); | 
|   18 } |   18 } | 
|   19  |   19  | 
|   20 .gridItemBToD { |   20 .gridItemBToD { | 
|   21     grid-column: 'b' / 'd'; |   21     grid-column: 'b' / 'd'; | 
|   22     grid-row: 1; |   22     grid-row: 1; | 
|   23 } |   23 } | 
|   24  |   24  | 
|   25 .gridItemGToH { |   25 .gridItemGToH { | 
|   26     grid-column: 1; |   26     grid-column: 1; | 
|   27     grid-row: 'g' / 'h'; |   27     grid-row: 'g' / 'h'; | 
| (...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  152 </div> |  152 </div> | 
|  153  |  153  | 
|  154 <div style="position: relative"> |  154 <div style="position: relative"> | 
|  155     <div class="grid gridWithRepeat"> |  155     <div class="grid gridWithRepeat"> | 
|  156         <div class="sizedToGridArea gridItemSpan2GNegativeG" data-offset-x="0" d
     ata-offset-y="50" data-expected-width="50" data-expected-height="300"></div> |  156         <div class="sizedToGridArea gridItemSpan2GNegativeG" data-offset-x="0" d
     ata-offset-y="50" data-expected-width="50" data-expected-height="300"></div> | 
|  157     </div> |  157     </div> | 
|  158 </div> |  158 </div> | 
|  159  |  159  | 
|  160 </body> |  160 </body> | 
|  161 </html> |  161 </html> | 
| OLD | NEW |