1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="UTF-8">
4 <title>CSS Background-clip Test: the background is pruned to content box</title>
5 <link href="mailto:451887565@qq.com" rel="author" title="Xie Bing">
6 <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen"> <!-- 2013-09-03 -->
7 <link href="http://www.w3.org/TR/css3-background/#the-border-width" rel="help">
8 <link href="reference/css3-background-clip-ref.htm" rel="match">
9 <style type="text/css">
10 div{
11 width:300px;
12 height:300px;
13 padding:50px;
14 border:10px dashed #000000;
15 background-color:yellow;
16 background-clip:content-box;
17 }
18 </style>
19 </head>
20 <body>
21 <p>The test passes if the background is pruned to content box.</p>
22 <div>Inner area!</div>
23
24
25 </body></html>