background-size-zoom-no-repeat.html (484B)
1 <!DOCTYPE html> 2 <html reftest-zoom="2"> 3 <head> 4 <title>background-size + zoom</title> 5 <style type="text/css"> 6 html 7 { 8 margin: 0; 9 padding: 5px; 10 } 11 body 12 { 13 margin: 0; 14 padding: 0; 15 } 16 #outer 17 { 18 border: 1px solid black; 19 width: 64px; 20 height: 128px; 21 } 22 #inner 23 { 24 width: 64px; 25 height: 128px; 26 background-image: url(aqua-32x32.png); 27 background-repeat: no-repeat; 28 background-size: 25%; 29 } 30 </style> 31 </head> 32 <body> 33 <div id="outer"><div id="inner"></div></div> 34 </body> 35 </html>