third_party/WebKit/LayoutTests/fast/borders/border-image-scrambled.html

   1 <html>
   2 <head>
   3     <style>
   4         div {
   5             border-width: 21px 30px 30px 21px;
   6             width: 75px;
   7             height: 75px;
   8             margin: 10px;
   9             display: inline-block;
  10         }
  11
  12         div.rr {
  13             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat repeat;
  14         }
  15
  16         div.rs {
  17             -webkit-border-image: 21 30 30 21 url("resources/border-image.png") repeat stretch;
  18         }
  19
  20         div.sr {
  21             -webkit-border-image: stretch repeat 21 30 30 21 url("resources/border-image.png");
  22         }
  23
  24         div.ss {
  25             -webkit-border-image: url("resources/border-image.png") stretch stretch 21 30 30 21;
  26         }
  27     </style>
  28 </head>
  29 <body>
  30     <div class="rr"></div>
  31     <div class="rs"></div>
  32     <br>
  33     <div class="sr"></div>
  34     <div class="ss"></div>
  35 </body>
  36 </html>