layout/reftests/border-image/side-scaling-1h-ref.html

   1 <!doctype html>
   2 <html><head>
   3 <title>border-image: repeat with zero-height top and bottom</title>
   4 <style>
   5 span {
   6   display: inline-block;
   7   margin: 10px;
   8   box-sizing: border-box;
   9   height: 24px;
  10   border-style: solid;
  11   border-color: transparent;
  12   border-width: 0 6px;
  13   border-image: url("roundrectbutton.png") 0 6 repeat stretch;
  14 }
  15 </style>
  16 </head><body>
  17 <p>
  18 <span style="width:12px"></span>
  19 <span style="width:13px"></span>
  20 <span style="width:14px"></span>
  21 <span style="width:16px"></span>
  22 <span style="width:18px"></span>
  23 <span style="width:20px"></span>
  24 <span style="width:25px"></span>
  25 <span style="width:30px"></span>
  26 <span style="width:40px"></span>
  27 </p>
  28 </body></html>