third_party/WebKit/LayoutTests/fast/borders/border-image-longhand.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             border-image-source: url("resources/border-image.png");
  11             border-image-slice: 21 30 30 21 fill;
  12             border-image-width: 1;
  13         }
  14
  15         div.rr {
  16             border-image-repeat: repeat;
  17         }
  18
  19         div.rs {
  20             border-image-repeat: repeat stretch;
  21         }
  22
  23         div.sr {
  24             border-image-repeat:stretch repeat;
  25         }
  26
  27         div.ss {
  28             border-image-repeat: stretch;
  29         }
  30     </style>
  31 </head>
  32 <body>
  33     <div class="rr"></div>
  34     <div class="rs"></div>
  35     <br>
  36     <div class="sr"></div>
  37     <div class="ss"></div>
  38 </body>
  39 </html>