| 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 .grid { | 10 .grid { | 
| 11     grid-definition-rows: "before" 50px "middle" 100px "after"; | 11     grid-definition-rows: (before) 50px (middle) 100px (after); | 
| 12     grid-definition-columns: 40px 80px 160px; | 12     grid-definition-columns: 40px 80px 160px; | 
| 13 } | 13 } | 
| 14 | 14 | 
| 15 .gridWithoutRepeat { | 15 .gridWithoutRepeat { | 
| 16     grid-template: "first second third" | 16     grid-template: "first second third" | 
| 17                    "fourth fifth sixth"; | 17                    "fourth fifth sixth"; | 
| 18 } | 18 } | 
| 19 | 19 | 
| 20 .gridWithRepeat { | 20 .gridWithRepeat { | 
| 21     grid-template: "first  second third" | 21     grid-template: "first  second third" | 
| (...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 87         <div class="sizedToGridArea gridItemSecondArea" data-offset-x="40" data-
    offset-y="0" data-expected-width="80" data-expected-height="50"></div> | 87         <div class="sizedToGridArea gridItemSecondArea" data-offset-x="40" data-
    offset-y="0" data-expected-width="80" data-expected-height="50"></div> | 
| 88         <div class="sizedToGridArea gridItemFirstArea" data-offset-x="0" data-of
    fset-y="0" data-expected-width="40" data-expected-height="50"></div> | 88         <div class="sizedToGridArea gridItemFirstArea" data-offset-x="0" data-of
    fset-y="0" data-expected-width="40" data-expected-height="50"></div> | 
| 89 | 89 | 
| 90         <div class="sizedToGridArea gridItemSpan2ThirdArea" data-offset-x="40" d
    ata-offset-y="50" data-expected-width="240" data-expected-height="100"></div> | 90         <div class="sizedToGridArea gridItemSpan2ThirdArea" data-offset-x="40" d
    ata-offset-y="50" data-expected-width="240" data-expected-height="100"></div> | 
| 91         <div class="sizedToGridArea gridItemNamedGridLineWithArea" data-offset-x
    ="0" data-offset-y="0" data-expected-width="40" data-expected-height="150"></div
    > | 91         <div class="sizedToGridArea gridItemNamedGridLineWithArea" data-offset-x
    ="0" data-offset-y="0" data-expected-width="40" data-expected-height="150"></div
    > | 
| 92     </div> | 92     </div> | 
| 93 </div> | 93 </div> | 
| 94 | 94 | 
| 95 </body> | 95 </body> | 
| 96 </html> | 96 </html> | 
| OLD | NEW | 
|---|