1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>CSS Background and Borders Test: background-clip: content-box with background-color</title>
5 <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix">
6 <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
7 <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz"> <!-- 2012-10-27 -->
8 <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
9 <meta content="" name="flags">
10 <meta content="When 'background-clip' is set to 'content-box', then the background-color shines only through the content area; it does not shine through the padding area nor the border area." name="assert">
11 <link href="reference/ref-if-there-is-no-red.htm" rel="match">
12 <style>
13 div
14 {
15 background-clip: content-box;
16 background-color: red;
17 height: auto;
18 padding: 50px;
19 width: auto;
20 }
21 </style>
22 </head>
23 <body>
24 <p>Test passes if there is <strong>no red</strong>.</p>
25 <div></div>
26
27
28 </body></html>