border-radius-clip-002-ref.htm (975B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: Background is clipped to the curve of the content-box when 'background-clip: content-box'</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> 6 <style type="text/css"> 7 .base 8 { 9 width: 98px; 10 height: 98px; 11 border: 10px double black; 12 padding: 11px; 13 border-radius: 40px; 14 } 15 .cover 16 { 17 margin: -120px 0 40px 20px; 18 width: 100px; 19 height: 100px; 20 border-radius: 20px; 21 background-color: black; 22 } 23 </style> 24 </head> 25 <body> 26 <p>Test passes if there is no red visible on the page.</p> 27 <div class="base"></div> 28 <div class="cover"></div> 29 <div class="base"></div> 30 <div class="cover"></div> 31 </body> 32 </html>