layout/reftests/border-image/repeat-image-1.html

   1 <!DOCTYPE html>
   2 <html lang="en-US">
   3 <head>
   4   <title>test of -moz-border-image</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
   9   div.p1 {
  10     background: red; /* fail if this shows through */
  11     background-image: url('3x3multicolor.png'); /* fail if this shows through */
  12     -moz-border-image: url('4x4multicolor.png') 1 1 1 1 / 1px 3px repeat;
  13     -khtml-border-image: url('4x4multicolor.png') 1 1 1 1 / 1px 3px repeat;
  14     border-image: url('4x4multicolor.png') 1 1 1 1 / 1px 3px repeat;
  15   }
  16
  17   div.p2 {
  18     background: red; /* fail if this shows through */
  19     background-image: url('3x3multicolor.png'); /* fail if this shows through */
  20     -moz-border-image: url('4x4multicolor.png') 1 1 1 1 / 1px 3px;
  21     -khtml-border-image: url('4x4multicolor.png') 1 1 1 1 / 1px 3px;
  22     border-image: url('4x4multicolor.png') 1 1 1 1 / 1px 3px;
  23   }
  24
  25   </style>
  26 </head>
  27 <body>
  28 <div class="p1" style="width: 4px; height: 2px"></div>
  29 <!--<div class="p2" style="width: 4px; height: 2px"></div> -->
  30 </body>
  31 </html>