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