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