1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Border and Background: border-image #7 border-image-width
6 </title>
7 <meta content="Basic support for the border-image-width 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/#the-border-image-width" rel="help">
12
13 <style type="text/css">
14
15 #test {
16 border : 10px solid red;
17 width : 20px;
18 height : 20px;
19
20 border-image-source: url(support/img-ref-1.png);
21 border-image-slice : 10;
22 border-image-width : 1px;
23 }
24
25 #ref {
26 border : 1px solid #009900;
27 padding: 9px;
28 width : 20px;
29 height : 20px;
30 }
31
32 </style>
33
34 </head>
35 <body>
36
37 <p>
38 Pass if both squares are identical.
39 </p>
40
41 <p id="test"></p>
42 <p id="ref"></p>
43
44
45
46 </body></html>