CSS Masks

CSS Masks is a CSS module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.

Reference

Properties

• clip
• clip-path
• clip-rule
• mask
• mask-border-source
• mask-border-mode
• mask-border-slice
• mask-border-width
• mask-border-outset
• mask-border-repeat
• mask-border
• mask-clip
• mask-composite
• mask-image
• mask-mode
• mask-origin
• mask-position
• mask-repeat
• mask-size
• mask-type

Guides

None.

Specifications

Specification	Status	Comment
CSS Masking Level 1	Candidate Recommendation
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'mask' in that specification.	Recommendation	Initial definition

Browser compatibility

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support (for SVG)	(Yes)	(Yes)	?	(Yes)	(Yes)

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support (for SVG)	?	?	?	?	?