mask-type
An SVG property (also available in CSS) that determines whether an SVG <mask> element should be treated as an alpha mask or a luminance mask.
Quick example
/* In an SVG definition */
mask {
/* Sets the default behavior for this mask to use transparency */
mask-type: alpha;
}Quick facts
Initial value
luminanceInherited
No
Applies to
mask elements
Animation type
discrete
Values
luminancealpha mask-type Browser Support
Widely available Since 2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
Safe to use without fallbacks.
24+
35+
7+
79+