background-size-contain-clip-padding-origin-border-ref.html (509B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>background-size: contain; background-clip: padding-box reference, 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 white; 15 width: 24px; 16 height: 88px; 17 } 18 #innermost 19 { 20 width: 24px; 21 height: 44px; 22 background-image: url(aqua-32x32.png); 23 } 24 </style> 25 </head> 26 <body> 27 <div id="outer"><div id="inner"><div id="innermost"></div></div></div> 28 </body> 29 </html>