chromium/src/third_party/blink/web_tests/external/wpt/css/css-backgrounds/reference/border-radius-clip-002-ref.htm - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
     <head>
         <title>CSS Test: Background is clipped to the curve of the content-box when 'background-clip: content-box'</title>
         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
         <style type="text/css">
             .base
             {
                 width: 98px;
                 height: 98px;
                 border: 10px double black;
                 padding: 11px;
                 border-radius: 40px;
             }
             .cover
             {
                 margin: -120px 0 40px 20px;
                 width: 100px;
                 height: 100px;
                 border-radius: 20px;
                 background-color: black;
             }
         </style>
     </head>
     <body>
         <p>Test passes if there is no red visible on the page.</p>
         <div class="base"></div>
         <div class="cover"></div>
         <div class="base"></div>
         <div class="cover"></div>
     </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>CSS Test: Background is clipped to the curve of the content-box when 'background-clip: content-box'</title>
	<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
	<style type="text/css">
	.base
	{
	width: 98px;
	height: 98px;
	border: 10px double black;
	padding: 11px;
	border-radius: 40px;
	}
	.cover
	{
	margin: -120px 0 40px 20px;
	width: 100px;
	height: 100px;
	border-radius: 20px;
	background-color: black;
	}
	</style>
	</head>
	<body>
	<p>Test passes if there is no red visible on the page.</p>
	<div class="base"></div>
	<div class="cover"></div>
	<div class="base"></div>
	<div class="cover"></div>
	</body>
	</html>