src/third_party/WebKit/LayoutTests/fast/borders/border-image-scaled.html

   1 <html>
   2 <head>
   3     <style>
   4         div {
   5             width: 150px;
   6             height: 150px;
   7             margin: 10px;
   8             display: inline-block;
   9         }
  10
  11         div.rr {
  12             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px repeat repeat;
  13         }
  14
  15         div.rs {
  16             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px repeat stretch;
  17         }
  18
  19         div.sr {
  20             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px stretch repeat;
  21         }
  22
  23         div.ss {
  24             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px stretch stretch;
  25         }
  26     </style>
  27 </head>
  28 <body>
  29 <p>The purpose of this test case is to illustrate the legacy behavior of -webkit-border-image. The specified border widths
  30 actually end up becoming the real border widths. The border-image property in the specification doesn't do this.
  31 </p>
  32     <div class="rr"></div>
  33     <div class="rs"></div>
  34     <br>
  35     <div class="sr"></div>
  36     <div class="ss"></div>
  37 </body>
  38 </html>