border-image-outset-move-1.html (867B)
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>