reference.html (867B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 5 <title>CSS Background and Borders Test:background-clip_pending-box</title> 6 <link rel="author" title="anping" href="mailto:zhuanping123@163.com" /> 7 <meta content="Check if the border-clip works."> 8 <style> 9 div{ 10 position:absolute; 11 } 12 13 #outside{ 14 15 border: blue dotted 5px; 16 height: 120px; 17 left: 10px; 18 top: 10px; 19 width: 120px; 20 background-color:transparent; 21 22 } 23 #inside{ 24 25 border: transparent; 26 height: 100px; 27 left: 25px; 28 top: 25px; 29 width: 100px; 30 background-color:red; 31 32 } 33 34 </style> 35 </head> 36 <body> 37 <p> 38 "Test passes if the border is blue dotted without red." 39 </p> 40 <div id="container"> 41 42 <div id="outside"></div> 43 <div id="inside"></div> 44 </div> 45 </body> 46 47 </html>