1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Border and Background: border-image #6 border-image-slice
6 </title>
7 <meta content="The border-image-slice property default value is 100%" 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/#border-image-slice" rel="help">
12
13 <link href="support/reftest-border-image-5.png" rel="match">
14
15 <style type="text/css">
16
17 #filler {
18 background-color : #009900;
19 width : 40px;
20 height: 40px;
21 }
22
23 #test {
24 border : 10px solid red;
25 width : 40px;
26 height : 40px;
27
28 border-image-source: url(support/img-ref-1.png);
29 }
30
31 </style>
32
33 </head>
34 <body>
35
36 <p>
37 Pass if the green square have smaller green squares at its corners and <strong>no</strong> red borders.
38 </p>
39
40 <div id="test">
41 <div id="filler"></div>
42 </div>
43
44
45
46 </body></html>