🏠 New in High Baseline Support: Masks

June 7, 2026

caniuse · mdn · spec

The mask CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.

Source features

• css.properties.mask [mdn]
• css.properties.mask-clip [mdn]
• css.properties.mask-composite [mdn]
• css.properties.mask-composite.add [mdn]
• css.properties.mask-composite.exclude [mdn]
• css.properties.mask-composite.intersect [mdn]
• css.properties.mask-composite.subtract [mdn]
• css.properties.mask-image [mdn]
• css.properties.mask-image.multiple_mask_images [mdn]
• css.properties.mask-image.svg_masks [mdn]
• css.properties.mask-mode [mdn]
• css.properties.mask-mode.alpha [mdn]
• css.properties.mask-mode.luminance [mdn]
• css.properties.mask-mode.match-source [mdn]
• css.properties.mask-origin [mdn]
• css.properties.mask-position [mdn]
• css.properties.mask-repeat [mdn]
• css.properties.mask-size [mdn]
• css.properties.mask-origin.fill-box [mdn]
• css.properties.mask-origin.stroke-box [mdn]
• css.properties.mask-origin.view-box [mdn]
• css.properties.mask-clip.border [mdn]
• css.properties.mask-clip.content [mdn]
• css.properties.mask-clip.padding [mdn]
• css.properties.mask-clip.text [mdn]
• css.properties.mask-origin.border [mdn]
• css.properties.mask-origin.content [mdn]
• css.properties.mask-origin.padding [mdn]