The CSS Propertie mask-clip

המאפיין mask-clip קובע את האזור שאליו המסכה משפיעה — תיבת border, תיבת padding, תיבת תוכן, או תיבות מיוחדות של SVG. הערך no-clip מבטל לחלוטין את ה-clipping.

.content-only { mask-clip: content-box; }

.free-mask { mask-image: url("shape.svg"); mask-clip: no-clip; }

border-boxהמסכה חלה עד גבול ה-border של האלמנט (ערך ברירת המחדל).

padding-boxהמסכה חלה עד גבול ה-padding.

content-boxהמסכה חלה רק על תיבת התוכן.

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

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

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

no-clipללא clipping — המסכה לא נחתכת לתחומי תיבת האלמנט.

CSS Masking Module Level 1

Editor's Draft

W3C MDN

Show all code

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

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

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

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

previous next