| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <script> | 3 <script> |
| 4 var propertiesToTest = { | 4 var propertiesToTest = { |
| 5 "grid-auto-columns": true, | 5 "grid-auto-columns": true, |
| 6 "grid-auto-flow": true, | 6 "grid-auto-flow": true, |
| 7 "grid-auto-rows": true, | 7 "grid-auto-rows": true, |
| 8 "grid-area": true, | 8 "grid-area": true, |
| 9 "grid-column": true, | 9 "grid-column": true, |
| 10 "grid-column-end": true, | 10 "grid-column-end": true, |
| 11 "grid-column-start": true, | 11 "grid-column-start": true, |
| 12 "grid-template-columns": true, | 12 "grid-template-columns": true, |
| 13 "grid-template-rows": true, | 13 "grid-template-rows": true, |
| 14 "grid-row": true, | 14 "grid-row": true, |
| 15 "grid-row-end": true, | 15 "grid-row-end": true, |
| 16 "grid-row-start": true, | 16 "grid-row-start": true, |
| 17 "grid-template-areas": true, | 17 "grid-template-areas": true, |
| 18 "grid-column-gap": true, |
| 19 "grid-row-gap": true, |
| 18 }; | 20 }; |
| 19 | 21 |
| 20 function test() | 22 function test() |
| 21 { | 23 { |
| 22 if (window.testRunner) | 24 if (window.testRunner) |
| 23 testRunner.dumpAsText(); | 25 testRunner.dumpAsText(); |
| 24 var style = document.defaultView.getComputedStyle(document.body, ""); | 26 var style = document.defaultView.getComputedStyle(document.body, ""); |
| 25 var text = ""; | 27 var text = ""; |
| 26 for (var i = 0; i != style.length; ++i) { | 28 for (var i = 0; i != style.length; ++i) { |
| 27 var name = style.item(i); | 29 var name = style.item(i); |
| 28 if (!propertiesToTest[name]) | 30 if (!propertiesToTest[name]) |
| 29 continue; | 31 continue; |
| 30 text += name + ": " + style.getPropertyValue(name) + ";\n"; | 32 text += name + ": " + style.getPropertyValue(name) + ";\n"; |
| 31 } | 33 } |
| 32 document.getElementById("exposed").textContent = text; | 34 document.getElementById("exposed").textContent = text; |
| 33 } | 35 } |
| 34 </script> | 36 </script> |
| 35 <body onload="test()"> | 37 <body onload="test()"> |
| 36 <p>CSS Grid Layout Attributes that are exposed in the CSS computed style object:
</p> | 38 <p>CSS Grid Layout Attributes that are exposed in the CSS computed style object:
</p> |
| 37 <p id="exposed" style="white-space: pre"></p> | 39 <p id="exposed" style="white-space: pre"></p> |
| 38 </body> | 40 </body> |
| 39 </html> | 41 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1309513008:
[css-grid] Implement grid gutters (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master