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