background-size-contain-clip-padding-origin-border-padding-ref.html (629B)
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 #innermost1 19 { 20 width: 24px; 21 height: 44px; 22 background-image: url(aqua-32x32.png); 23 } 24 #innermost2 25 { 26 width: 24px; 27 height: 44px; 28 background-color: lime; 29 } 30 </style> 31 </head> 32 <body> 33 <div id="outer"><div 34 id="inner"><div 35 id="innermost1"></div><div 36 id="innermost2"></div 37 ></div 38 ></div> 39 </body> 40 </html>