CSS 属性 mask
允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元件的部分或者全部可见区域。
该属性是以下 CSS 属性的缩写:
<mask-reference>
设置遮罩图片的路径. 详见 mask-image.
<position>
设置遮罩图片的位置。详见 mask-position.
<bg-size>
设置遮罩的大小。详见 mask-size.
<repeat-style>
设置遮罩图片的重复性。详见 mask-repeat.
<geometry-box>
如果只有一个 <geometry-box>
值被赋予,他将会设置 mask-origin and mask-clip. 如果两个 <geometry-box>
值显示,第一个值代表 mask-origin, 第二个值代表 mask-clip.
<geometry-box> | no-clip
设置区域,会被遮罩图片影响。详见 mask-clip.
初始值 | as each of the properties of the shorthand:
|
适用元素 | Views only. It may work on some other elements, but it is recommended that only use it on <view> |
是否支持继承 | no |
是否支持动画 | |
百分比 | as each of the properties of the shorthand:
|
mask-type
和 mask-composite
不支持.mask-image
中不支持使用 SVG 中的元件.<box>
的取值只接受 border-box
, padding-box
和 content-box
.LCD tables only load in the browser