background_clip_padding-box.html (986B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Backgrounds and Borders Test: background-clip_border-box</title> 5 <link rel="author" title="Xiaoyan Jiang" href="mailto:dajiangxiaoyan@126.com"> 6 <link rel="reviewer" title="Jinlong Zhang" href="mailto:jinlongz@oupeng.com"> 7 <style type="text/css"> 8 /* Positioned container allows for the self-describing statement to still 9 be visible in the case of failure */ 10 .container { 11 position: absolute; 12 } 13 .ref { 14 background-color: red; 15 height: 130px; 16 left: 10px; 17 top: 10px; 18 width: 130px; 19 position: absolute; 20 } 21 22 .ref1 { 23 height: 130px; 24 left: 5px; 25 top: 5px; 26 width: 130px; 27 position: absolute; 28 border: blue dotted 5px ; 29 } 30 31 </style> 32 </head> 33 <body> 34 <p>Test passes if border is blue and dotted without red background</p> 35 <div class="container"> 36 <div class="ref"></div> 37 <div class="ref1"></div> 38 </div> 39 </body> 40 </html>