layout/reftests/border-image/solid-image-2.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 {
  10     -moz-border-image: url('3x3green-1DD813.png') 1 1 1 1 / 10px;
  11     -khtml-border-image: url('3x3green-1DD813.png') 1 1 1 1 / 10px;
  12     border-image: url('3x3green-1DD813.png') 1 1 1 1 / 10px;
  13     margin: 1px;
  14   }
  15
  16   </style>
  17 </head>
  18 <body>
  19 <div style="width: 50px; height: 5px"></div>
  20 <div style="width: 51px; height: 5px"></div>
  21 <div style="width: 52px; height: 5px"></div>
  22 <div style="width: 53px; height: 5px"></div>
  23 <div style="width: 54px; height: 5px"></div>
  24 <div style="width: 55px; height: 5px"></div>
  25 <div style="width: 56px; height: 5px"></div>
  26 <div style="width: 57px; height: 5px"></div>
  27 <div style="width: 58px; height: 5px"></div>
  28 <div style="width: 59px; height: 5px"></div>
  29 <div style="width: 550px; height: 5px"></div>
  30 <div style="width: 551px; height: 5px"></div>
  31 <div style="width: 552px; height: 5px"></div>
  32 <div style="width: 553px; height: 5px"></div>
  33 <div style="width: 554px; height: 5px"></div>
  34 <div style="width: 555px; height: 5px"></div>
  35 <div style="width: 556px; height: 5px"></div>
  36 <div style="width: 557px; height: 5px"></div>
  37 <div style="width: 558px; height: 5px"></div>
  38 <div style="width: 559px; height: 5px"></div>
  39 </body>
  40 </html>