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>