Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>background-size: contain; background-clip: padding-box, background-origin: border-box</title>
5 <style type="text/css">
6 #outer
7 {
8 border: 1px solid black;
9 width: 64px;
10 height: 128px;
11 }
12 #inner
13 {
14 border: 20px solid transparent;
15 padding: 10px;
16 width: 4px;
17 height: 68px;
18 background-image: url(aqua-32x32.png);
19 background-color: lime;
20 background-repeat: no-repeat;
21 background-size: contain;
22 background-clip: padding-box;
23 background-origin: border-box;
24 }
25 </style>
26 </head>
27 <body>
28 <div id="outer"><div id="inner"></div></div>
29 </body>
30 </html>