The mask-clip property specifies the area to which the mask applies — border box, padding box, content box, or SVG-specific boxes. The no-clip value disables clipping entirely..content-only {
mask-clip: content-box;
}.free-mask {
mask-image: url("shape.svg");
mask-clip: no-clip;
}border-boxThe mask applies to the element's border box (default value).padding-boxThe mask applies to the padding box.content-boxThe mask applies only to the content box.fill-boxThe mask applies to the SVG object's fill bounding box.stroke-boxThe mask applies to the SVG object's stroke bounding box.view-boxThe mask applies to the SVG viewBox.no-clipNo clipping — the mask is not constrained to any element box.CSS Masking Module Level 1Editor's DraftW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
