The mask-size property specifies the size of the mask image. Width and height can be set explicitly, or keywords (auto, cover, contain) can be used. Parallel to background-size..cover-mask {
mask-size: cover;
}.half {
mask-image: url("icon.svg");
mask-size: 50% auto;
}min:0max:9999step:1units:% | px | em | rem | vw | vhautoThe dimension is preserved at the image's intrinsic size (default value). If only one dimension is auto, it is derived from preserving aspect ratio.coverThe image is scaled to cover the entire mask area while preserving aspect ratio; parts may overflow.containThe image is scaled to fit entirely within the mask area while preserving aspect ratio.CSS Masking Module Level 1Editor's Draft<length-percentage>W3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
