1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="UTF-8">
4 <title>CSS Backgrounds and Borders Test:border-images with round repeat</title>
5 <link href="mailto:babyliner1026@gmail.com" rel="author" title="babyliner">
6 <link href="http://www.w3.org/TR/css3-background/#the-border-image" rel="help">
7 <meta content="image" name="flags">
8 <meta content="Testing border-image-repeat:round attribute" name="assert">
9 <style type="text/css">
10 .main {
11 width: 200px;
12 height: 200px;
13 border: 1px red solid;
14 border-image-source: url(./support/border-image.jpg);
15 border-image-slice: 100 100;
16 border-image-repeat: round;
17 border-image-width: 50 50;
18 }
19 </style>
20 </head>
21 <body>
22 <p class="explain">Test passes if there are borders with flowers.<br>
23 Test fails if there are red solid borders</p>
24 <div class="main"></div>
25
26
27 </body></html>