mask

Jump to: navigation, search

mask

This page has been flagged with the following issues:

High-level issues:

Content:

As of time of writing, this property is not yet implemented in most browsers.


Summary

Shorthand property for other mask- properties.

Overview table

Initial value See individual properties.
Applies to All elements. In SVG, it applies to container elements without the <defs> element and all graphics elements.
Inherited No
Media visual
Computed value See individual properties.
Animatable No
CSS Object Model Property

Syntax

  • mask: <mask-layer>


Values

<mask-layer>
Where

<mask-layer> = <mask-reference> <source-type>

See mask-image and mask-source-type.


Examples

CSS

/* mask-reference via a url */
img {
  mask: url(#masking);
}



Related specifications

Specification Status Related Changes
CSS Masking Level 1 W3C Editor's Draft

Compatibility

Desktop

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?

Mobile

Feature Android BlackBerry Chrome for mobile Firefox Mobile (Gecko) IE Mobile Opera Mobile Opera Mini Safari Mobile
Basic support ? ? ? ? ? ? ? ?