|
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> |