המאפיין background-position משנה את מיקום תמונת הרקע ביחס לשטח האלמנט.
ערך ברירת המחדל של תמונת הרקע הוא left top למעלה בצד שמאל.
דוגמא: מגדיר את מיקום תמונת הרקע ביחס לשטח האלמנט
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| left top | ✔️ | ✔️ | ✔️ | ✔️ |
| left center | ✔️ | ✔️ | ✔️ | ✔️ |
| left bottom | ✔️ | ✔️ | ✔️ | ✔️ |
| right top | ✔️ | ✔️ | ✔️ | ✔️ |
| right center | ✔️ | ✔️ | ✔️ | ✔️ |
| right bottom | ✔️ | ✔️ | ✔️ | ✔️ |
| center top | ✔️ | ✔️ | ✔️ | ✔️ |
| center center | ✔️ | ✔️ | ✔️ | ✔️ |
| center bottom | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
דוגמא: מגדיר את מיקום תמונת הרקע ביחס לשטח האלמנט