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

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