1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Border and Background: border-image #5 border-image-slice
6 </title>
7 <meta content="Negative values for the the border-image-slice property should not be supported" 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 border-image-slice : -10;
30 }
31
32 </style>
33
34 </head>
35 <body>
36
37 <p>
38 Pass if the green square have smaller green squares at its corners and <strong>no</strong> red.
39 </p>
40
41 <div id="test">
42 <div id="filler"></div>
43 </div>
44
45
46
47 </body></html>