מאפיין הקיצור (shorthand) mask קובע יחד את כל מאפייני המסכה: תמונת המסכה, מיקום, גודל, חזרה, אזור clipping, אזור origin, מצב חיבור (composite) ומצב המסכה (alpha/luminance). מאפס את ערכי mask-border לערכי ברירת המחדל.
noneללא תמונת מסכה.topמקם את המסכה בקצה העליון.rightמקם את המסכה בקצה הימני.bottomמקם את המסכה בקצה התחתון.leftמקם את המסכה בקצה השמאלי.centerמקם את המסכה במרכז.autoמ-mask-size: גודל אוטומטי לפי גודל המקור.coverמ-mask-size: מכסה את כל אזור המסכה תוך שמירת יחס גובה-רוחב.containמ-mask-size: מתאים לאזור המסכה תוך שמירת יחס גובה-רוחב.repeatחזרה בשני הצירים.repeat-xחזרה על ציר X בלבד.repeat-yחזרה על ציר Y בלבד.no-repeatללא חזרה.spaceחזרה עם פיזור שווה ללא חיתוך.roundחזרה עם מתיחה כדי למלא ללא חצאים.border-boxאזור ה-border box.padding-boxאזור ה-padding box.content-boxאזור ה-content box.margin-boxאזור ה-margin box.fill-boxתיבת ה-fill של SVG.stroke-boxתיבת ה-stroke של SVG.view-boxviewBox של SVG.no-clipללא חיתוך — המסכה מורשת לצאת מחוץ לתיבה.addשכבות המסכה מצטברות.subtractשכבה תחתונה מחסרת מהעליונה.intersectחיתוך בין שכבות המסכה.excludeאזורים חופפים מבוטלים.alphaערוץ האלפא של תמונת המסכה משמש כמסכה.luminanceערכי הבהירות של תמונת המסכה משמשים כמסכה.match-sourceמצב נקבע לפי סוג המקור (alpha ל-PNG, luminance ל-SVG).url()טוען תמונת מסכה לפי URI, או מצביע אל אלמנט ב-SVG.linear-gradient()גרדיאנט לינארי כתמונת מסכה.radial-gradient()גרדיאנט רדיאלי כתמונת מסכה.conic-gradient()גרדיאנט קוני כתמונת מסכה.CSS Masking Module Level 1Editor's Draft<image> <position>W3CMDNShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותיתpreviousnext