LayoutTests/fast/inspector-support/style.html

   1 <html>
   2 <head>
   3 <script>
   4     if (window.layoutTestController)
   5         layoutTestController.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   var shorthand = decl.getPropertyShorthand(decl[i]);
  19   document.write(decl[i] + ": " + decl.getPropertyValue(decl[i]));
  20   if (shorthand) {
  21      document.write(" (original property was " + shorthand
  22            + (decl.isPropertyImplicit(decl[i]) ? " and property was implicitly set.)" : ")"));
  23   }
  24   document.write( "<br>");
  25 }
  26 </script>
  27 </body>
  28 </html>