third_party/WebKit/LayoutTests/fast/inspector-support/style.html

   1 <html>
   2 <head>
   3 <script>
   4     if (window.testRunner)
   5         testRunner.dumpAsText();
   6 </script>
   7 <style>
   8 div { background: purple; margin: 1em; color: white; font: 24px 'Lucida Grande'; }
   9 </style>
  10 </head>
  11 <body>
  12 Note that background is buggy right now!
  13 <div id="foo">Test</div>
  14 <script>
  15 var ruleList = document.defaultView.getMatchedCSSRules(document.getElementById('foo'), '');
  16 var decl = ruleList[0].style;
  17 for (var i = 0; i < decl.length; i++) {
  18     document.write(decl[i] + ": " + decl.getPropertyValue(decl[i]));
  19     document.write( "<br>");
  20 }
  21 </script>
  22 </body>
  23 </html>