background-size-contain-clip-padding-origin-border-padding.html (600B)
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>