1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Border and Background: border-image #3 border-image-slice
6 </title>
7 <meta content="Support for the fill keyword on the border-image-slice property" 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 <style type="text/css">
14
15 #fail {
16 background-color: red;
17 width : 60px;
18 height : 60px;
19 }
20
21 #test {
22 background-color: red;
23 border : 10px solid red;
24 width : 40px;
25 height : 40px;
26
27 border-image-source: url(support/img-ref-1.png);
28 border-image-slice : 10 fill;
29 }
30
31 </style>
32
33 </head>
34 <body>
35
36 <p>
37 Pass if the square is fully green.
38 </p>
39
40 <div id="fail">
41 <div id="test"></div>
42 </div>
43
44
45
46 </body></html>