summaryrefslogtreecommitdiffstats
path: root/layout/reftests/list-item/image-rendering-script.html
blob: fa7b4ddf7b53561736b75aa23d91b042be269cec (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
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML>
<!--
    Any copyright is dedicated to the Public Domain.
    http://creativecommons.org/licenses/publicdomain/
  -->
<html reftest-zoom="2" class="reftest-wait">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>test list-style-image image-rendering script change</title>
    <style type="text/css">
      div {
        display: list-item;
        list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
        height: 50px;
        border: 1px solid black;
        list-style-position: inside;

        image-rendering: auto;
      }
    </style>
    <script type="text/javascript">
      document.addEventListener("MozReftestInvalidate", updateImageRendering);

      function updateImageRendering() {
        var div = document.getElementById("d1");
        div.style.imageRendering = '-moz-crisp-edges';
        document.documentElement.removeAttribute("class");
      }
    </script>
  </head>

  <body>
    <div id="d1">
    </div>
  </body>

</html>