Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / borders / border-image-scaled.html
blob751619c6bee3b322af5c8eeb7f045a01de8c0060
1 <html>
2 <head>
3 <style>
4 body { overflow: hidden; }
5 div {
6 width: 150px;
7 height: 150px;
8 margin: 10px;
9 display: inline-block;
12 div.rr {
13 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px repeat repeat;
16 div.rs {
17 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px repeat stretch;
20 div.sr {
21 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px stretch repeat;
24 div.ss {
25 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 / 42px 60px 60px 42px stretch stretch;
27 </style>
28 </head>
29 <body>
30 <p>The purpose of this test case is to illustrate the legacy behavior of -webkit-border-image. The specified border widths
31 actually end up becoming the real border widths. The border-image property in the specification doesn't do this.
32 </p>
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>