styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-repeatmask-sizemask-typemathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

The CSS Propertie mask-image

המאפיין mask-image קובע אילו תמונות משמשות כמסכות לאלמנט. אפשר להפנות אל אלמנט <mask> ב-SVG, או להשתמש בתמונה רגילה או בגרדיאנט. אפשר לערום כמה מסכות מופרדות בפסיק.
.faded { mask-image: url("shape.svg"); } .dual { mask-image: linear-gradient(black, transparent), url("texture.png"); }
noneללא תמונת מסכה (ערך ברירת המחדל). url()טוען תמונת מסכה לפי URI, או מצביע אל אלמנט <mask> ב-SVG.linear-gradient()גרדיאנט לינארי כתמונת מסכה.radial-gradient()גרדיאנט רדיאלי כתמונת מסכה.conic-gradient()גרדיאנט קוני כתמונת מסכה.image-set()בוחר את התמונה הטובה ביותר מבין כמה רזולוציות. CSS Masking Module Level 1 Editor's Draft <image> W3CMDN
images Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית