We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

« SVG Attribute reference home

The mask attribute binds the element it is applied to with a given <mask> element.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet.

Usage context

Categories Presentation attribute
Value <FuncIRI> | none | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
<funcIRI>
A reference to another graphical object within the same SVG document fragment which will be used as the mask. the syntax for this reference is the same as the css uri.

Example

mask as an attribute

<svg>
    TBD
</svg>

mask as a CSS property

<svg>
    TBD
</svg>

Elements

The following elements can use the mask attribute

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support ? ? ? ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ? ? ? ? ?

Document Tags and Contributors

Contributors to this page: megancw, ziyunfei, Jeremie
Last updated by: connorshea,