1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Border and Background: border-image #12 border-image-outset
6 </title>
7 <meta content="The border-image-outset property should not trigger scroll" 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-outset" rel="help">
12
13 <style type="text/css">
14
15 #fail {
16 background-color: red;
17 width : 42px;
18 height : 42px;
19 overflow : auto;
20 }
21
22 #test {
23 background-color: #009900;
24 border : 1px 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 border-image-width : 10px;
31 border-image-outset: 9px;
32 }
33
34 </style>
35
36 </head>
37 <body>
38
39 <p>
40 Pass if there is <strong>no</strong> scrollbars around the square
41 </p>
42
43 <div id="fail">
44 <div id="test"></div>
45 </div>
46
47
48
49 </body></html>