layout/reftests/outline/outline-dynamic-change-1a.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4   <title>
   5     Test that dynamic tweaks to 'outline-offset' are reflected in the rendering.
   6   </title>
   7   <style>
   8     #tweakMe {
   9       height: 100px;
  10       width: 100px;
  11       background: gray;
  12       outline: solid 6px black;
  13       outline-offset: -10px;
  14     }
  15   </style>
  16   <script>
  17 window.addEventListener("MozReftestInvalidate", function() {
  18   tweakMe.style.outlineOffset = "-16px";
  19   document.documentElement.removeAttribute("class");
  20 });
  21   </script>
  22 </head>
  23 <body>
  24   <div id="tweakMe"></div>
  25 </body>
  26 </html>