מאפיין mask-origin

המאפיין mask-origin קובע את אזור התייחסות המיקום של תמונת המסכה — כלומר ביחס לאיזו תיבת קופסה (border/padding/content/SVG-specific) ייקבע ה-mask-position.

.mask-from-border { mask-origin: border-box; }

.precise { mask-image: url("icon.svg"); mask-origin: content-box; mask-position: 50% 50%; }

border-boxמיקום המסכה יחסי לפינה השמאלית-עליונה של תיבת ה-border.

padding-boxמיקום המסכה יחסי לפינה השמאלית-עליונה של תיבת ה-padding (ערך ברירת המחדל).

content-boxמיקום המסכה יחסי לפינה השמאלית-עליונה של תיבת התוכן.

fill-boxמיקום המסכה יחסי לתיבת ה-fill של אובייקט SVG.

stroke-boxמיקום המסכה יחסי לתיבת ה-stroke של אובייקט SVG.

view-boxמיקום המסכה יחסי לתיבת ה-viewBox של ה-SVG.

CSS Masking Module Level 1

Editor's Draft

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next