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