layout/reftests/list-item/image-rendering-script.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5   -->
   6 <html reftest-zoom="2" class="reftest-wait">
   7   <head>
   8     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   9     <title>test list-style-image image-rendering script change</title>
  10     <style type="text/css">
  11       div {
  12         display: list-item;
  13         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=);
  14         height: 50px;
  15         border: 1px solid black;
  16         list-style-position: inside;
  17
  18         image-rendering: auto;
  19       }
  20     </style>
  21     <script type="text/javascript">
  22       document.addEventListener("MozReftestInvalidate", updateImageRendering);
  23
  24       function updateImageRendering() {
  25         var div = document.getElementById("d1");
  26         div.style.imageRendering = '-moz-crisp-edges';
  27         document.documentElement.removeAttribute("class");
  28       }
  29     </script>
  30   </head>
  31
  32   <body>
  33     <div id="d1">
  34     </div>
  35   </body>
  36
  37 </html>