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