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