OLD | NEW |
| 1 |
1 <html> | 2 <html> |
2 <head> | 3 <head> |
3 <style> | 4 <style> |
4 div { | 5 div { |
5 border-width: 21px 30px 30px 21px; | 6 border-width: 21px 30px 30px 21px; |
6 width: 75px; | 7 width: 75px; |
7 height: 75px; | 8 height: 75px; |
8 margin: 10px; | 9 margin: 10px; |
9 display: inline-block; | 10 display: inline-block; |
10 -webkit-border-radius: 10px; | 11 -webkit-border-radius: 10px; |
| 12 border-style: solid; |
| 13 border-color: white; |
11 } | 14 } |
12 | 15 |
13 div.rr { | 16 div.rr { |
14 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
repeat repeat; | 17 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
repeat repeat; |
15 } | 18 } |
16 | 19 |
17 div.rs { | 20 div.rs { |
18 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
repeat stretch; | 21 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
repeat stretch; |
19 } | 22 } |
20 | 23 |
21 div.sr { | 24 div.sr { |
22 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
stretch repeat; | 25 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
stretch repeat; |
23 } | 26 } |
24 | 27 |
25 div.ss { | 28 div.ss { |
26 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
stretch stretch; | 29 -webkit-border-image: url("resources/border-image.png") 21 30 30 21
stretch stretch; |
27 } | 30 } |
28 </style> | 31 </style> |
29 </head> | 32 </head> |
30 <body> | 33 <body> |
31 This test checks to make sure the border-image is not clipped by the border
radius. | 34 This test checks to make sure the border-image is not clipped by the border
radius. |
32 <div class="rr"></div> | 35 <div class="rr"></div> |
33 <div class="rs"></div> | 36 <div class="rs"></div> |
34 <br> | 37 <br> |
35 <div class="sr"></div> | 38 <div class="sr"></div> |
36 <div class="ss"></div> | 39 <div class="ss"></div> |
37 </body> | 40 </body> |
38 </html> | 41 </html> |
OLD | NEW |