background-position-4d.html (421B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>background-position-y: bottom 50%</title> 5 <style type="text/css"> 6 #outer 7 { 8 border: 1px solid black; 9 width: 128px; 10 height: 128px; 11 } 12 #inner1 13 { 14 width: 128px; 15 height: 128px; 16 background-position-y: bottom 50%; 17 background-image: url(aqua-32x32.png); 18 background-repeat: no-repeat; 19 } 20 </style> 21 </head> 22 <body> 23 <div id="outer"><div id="inner1"></div></div> 24 </body> 25 </html>