Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

mask

« 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

Document Tags and Contributors

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