1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Border and Background: border-image #14 border-image-repeat
6 </title>
7 <meta content="Test for the border-image-repeat property with the value round" name="assert">
8
9 <link href="mailto:jeremie@patonnier.net" rel="author" title="Jérémie Patonnier">
10
11 <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help">
12
13 <style type="text/css">
14
15 #test {
16 border : 10px solid red;
17 width : 39px;
18 height : 39px;
19
20 border-image-source: url(support/img-ref-2.png);
21 border-image-slice : 10;
22 border-image-repeat: round;
23 }
24
25 </style>
26
27 </head>
28 <body>
29
30 <p>
31 Pass if the square has borders made of plain green dots.
32 </p>
33
34 <div id="test"></div>
35
36
37
38 </body></html>