border-image-outset-resize-1.html 848 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html class="reftest-wait" lang="en-US">
  3. <head>
  4. <title>-moz-border-outset resize</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: 180px;">
  19. Hello World!
  20. </div>
  21. <script type="text/javascript">
  22. // The purpose of this test is to resize the border and ensure that the
  23. // overflow area caused by border-image-outset is redrawn.
  24. setTimeout(function() {
  25. document.getElementById("container").style.width = "80px";
  26. document.documentElement.className = "";
  27. }, 100);
  28. </script>
  29. </body>
  30. </html>