css3-background-origin-padding-box

background origin property with value content-box

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3     <meta charset="utf-8">
 4     <title>CSS Backgrounds Test:background origin property with value content-box</title>
 5     <link href="mailto:yanshasha133@gmail.com" rel="author" title="yanshasha">
 6     <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen"> <!-- 2013-08-26 -->
 7     <link href="http://www.w3.org/TR/css3-background/#the-background-origin" rel="help">
 8     <link href="reference/css3-background-origin-content-box-ref.htm" rel="match">
 9     <style type="text/css">
10             div {
11                 width: 100px;
12                 height: 100px;
13                 border: 12px dashed black;
14                 padding: 20px;
15                 background-image: url('support/green-60-60.png');
16                 background-repeat: no-repeat;
17                 background-origin: padding-box;
18             }
19     </style>
20   </head>
21   <body>
22     <p>
23       The test passes if the green square is just close to the dashed border.
24     </p>
25     <div></div>
26   
27 
28 </body></html>