mask property CSS Reference

Definition and Usage

  • Initial none
  • Applies to all elements
  • Inherited no
  • Media visual
  • Computed Value
  • Animatable yes


mask: <uri> | none | inherit


If the value is a URI value, the element pointed to by the URI is used as an SVG mask.


.target { mask: url(#c1); }
.anothertarget { mask: url(resources.svg#c1); }


Desktop browsers

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (for SVG) (Yes) (Yes) NA (Yes) (Yes)
Applies to HTML Elements Not supported 3.5 (1.9.1) Not supported Not supported Not supported

Mobile browsers

Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support NA NA NA NA NA

Relative articles