The CSS Propertie mask-size

המאפיין mask-size קובע את גודל תמונת המסכה. אפשר לקבוע רוחב וגובה במפורש, או להשתמש במילות מפתח (auto, cover, contain). מקביל ל-background-size.

.cover-mask { mask-size: cover; }

.half { mask-image: url("icon.svg"); mask-size: 50% auto; }

פחות:0 יותר:9999 צעד:1

יחידות:% | px | em | rem | vw | vh

autoהממד נשמר לפי גודל התמונה המקורי (ערך ברירת המחדל). אם רק ממד אחד הוא auto — הוא נגזר משמירת יחס הגובה-רוחב.

coverהתמונה ממוקמת ומותחת כך שתכסה את כל אזור המסכה תוך שמירה על יחס הגובה-רוחב; חלקים יכולים לחרוג.

containהתמונה ממוקמת ומותחת כך שתישא כולה בתוך אזור המסכה תוך שמירה על יחס הגובה-רוחב.

CSS Masking Module Level 1

Editor's Draft

<length-percentage>

Show all code