blob: 643eaaeefaf9ad4e03f0661db32f05327a5f4eba [file] [log] [blame]
hyatt@apple.com12f9ce62009-03-25 17:07:31 +00001<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 -webkit-border-radius: 10px;
hyatt@apple.com12f9ce62009-03-25 17:07:31 +000011 }
12
13 div.rr {
14 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat repeat;
15 }
16
17 div.rs {
18 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat stretch;
19 }
20
21 div.sr {
22 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch repeat;
23 }
24
25 div.ss {
26 -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch stretch;
27 }
28 </style>
29</head>
30<body>
31 This test checks to make sure the border-image is not clipped by the border radius.
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>