layout/reftests/border-image/border-image-outset-move-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait" lang="en-US">
   3 <head>
   4   <title>-moz-border-outset move</title>
   5   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   6   <meta http-equiv="Content-Style-Type" content="text/css">
   7   <style type="text/css">
   8   div {
   9     margin: 20px;
  10     border-width: 10px;
  11     border-style: solid;
  12     border-image: url('3x3green-1DD813.png') 1 1 1 1;
  13     border-image-outset: 10px;
  14   }
  15   </style>
  16 </head>
  17 <body>
  18 <div id="container" style="width: 80px; margin-left: 60px;">
  19 Hello World!
  20 </div>
  21 <script type="text/javascript">
  22 // The purpose of this test is to move the border and ensure that the
  23 // overflow area caused by border-image-outset is redrawn.
  24 setTimeout(function() {
  25     document.getElementById("container").style.marginLeft = "20px";
  26     document.documentElement.className = "";
  27   }, 100);
  28 </script>
  29 </body>
  30 </html>