css mask mask-origin

mask-origin CSS Style Property

המאפיין mask-origin מגדיר את מיקום המקור (אזור מיקום המסכה) של תמונת שכבת מסיכה

דוגמא: הגדרת תיבת מקור המסכה

Demo Panel:
CSS: 111
HTML: 222
Syntax:

mask-origin: border-box | content-box | padding-box | margin-box | fill-box | stroke-box | view-box | initial | inherit;

Valid values:
  • border-box, padding-box, content-box, fill-box, stroke-box, view-box, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.maskOrigin

תאימות דפדפנים

mask-origin
הערך שנבדקChromeFirefoxEdgeCOpera
border-box✔️✔️✔️✔️
padding-box✔️✔️✔️✔️
content-box✔️✔️✔️✔️
fill-box✔️✔️✔️✔️
stroke-box✔️✔️✔️✔️
view-box✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️
margin-box