1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Test: Background clip and border painting order</title>
4 <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix">
5 <link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz"> <!-- 2012-10-27 -->
6 <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
7 <meta content="" name="flags">
8 <meta content="The background is painted behind the border." name="assert">
9 <link href="reference/background-paint-order-001-ref.htm" rel="match">
10 <style>
11 div
12 {
13 width: 0;
14 border: 50px solid green;
15 background-color: red;
16 }
17 </style>
18 </head>
19 <body>
20 <p>Test passes if there is a green rectangle below and no red visible on the page.</p>
21 <div></div>
22
23 </body></html>