1 <!DOCTYPE html>
2 <html><head>
3
4 <title>CSS Background and Borders Test:background-clip_content-box</title>
5 <link href="mailto:zhuanping123@163.com" rel="author" title="anping">
6 <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
7 <meta content="reference/reference.html" name="match">
8 <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert">
9
10 <style>
11 div{
12 position:absolute;
13 }
14
15 #test{
16 background-clip: content-box;
17 border: 5px dotted blue;
18 height: 100px;
19 left: 10px;
20 padding: 10px;
21 top: 10px;
22 width: 100px;
23 background-color:red;
24 }
25 </style>
26
27 </head><body>
28 <p>
29 "Test passes if the background color is limited to the content only and border is blue dotted without red."
30 </p>
31 <div id="container">
32 <div id="test"></div>
33 </div>
34
35
36
37 </body></html>