CSS Masking

CSS Masking 是一个 CSS 模块，它定义了部分或完全隐藏视觉元素部分的方法，包括遮罩和剪裁。

Reference

Properties

• clip
• clip-path
• clip-rule
• mask
• mask-border
• mask-border-mode
• mask-border-outset
• mask-border-repeat
• mask-border-slice
• mask-border-source
• mask-border-width
• 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 Module Level 1	Candidate Recommendation
Scalable Vector Graphics (SVG) 1.1 (Second Edition) mask	Recommendation	Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support (for SVG)	(Yes)	(Yes)	?	(Yes)	(Yes)
Support for HTML, for mask and mask-* longhand properties	?	53.0 (53.0)	?	?	?

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support (for SVG)	?	?	?	?	?
Support for HTML, for mask and mask-* longhand properties	?	53.0 (53.0)	?	?	?