MENU


Positioning Values

eg.

div { background-position: right 10px center; }

RESETRUNFULL
<!DOCTYPE html><html><head>
<style>
div {
   width:300px;
   height:300px;
   background:url('/shared/car.jpg');
}
</style>
</head><body style="width:100%;height:100%;">
   <img src="/shared/car.jpg"/>
   <div style="background-position:center">center at both x-axis and y-axis</div>
   <div style="background-position:center bottom 5px">x-axis first then y-axis</div>
   <div style="background-position:left 20% top 10px">percentage length can be used too</div>
</body></html>