CSS background-position background-position : left top : See the Pen CSS background-position1 by W3TR (@w3tr) on CodePen. left center : See the Pen CSS background-position2 by W3TR (@w3tr) on CodePen. left bottom : See the Pen CSS background-position3 by W3TR (@w3tr) on CodePen. right top : See the Pen CSS background-position4 by W3TR (@w3tr) on CodePen. right center : See the Pen CSS background-position5 by W3TR (@w3tr) on CodePen. right bottom : See the Pen CSS background-position6 by W3TR (@w3tr) on CodePen. center top : See the Pen CSS background-position7 by W3TR (@w3tr) on CodePen. center center : See the Pen CSS background-position8 by W3TR (@w3tr) on CodePen. center bottom : See the Pen CSS background-position9 by W3TR (@w3tr) on CodePen. x% y% : See the Pen CSS background-position10 by W3TR (@w3tr) on CodePen. xpos ypos : See the Pen CSS background-position11 by W3TR (@w3tr) on CodePen.