DigitalOcean 为您的旅程各个阶段提供云产品。 立即开始使用 200 美元的免费积分!
在 CSS 中,mask-repeat
属性告诉一个 mask
是否应该重复以及在哪个方向重复。 它很像 background-repeat
。 默认值为 repeat
。
此遮罩不重复
此遮罩在两个方向上都重复
此遮罩沿 x 轴重复
此遮罩沿 y 轴重复
浏览器支持
这些浏览器支持数据来自 Caniuse,其中有更多详细信息。 数字表示浏览器在该版本及更高版本中支持该功能。
台式机
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
120 | 53 | 否 | 120 | 15.4 |
移动设备/平板电脑
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
127 | 127 | 127 | 15.4 |
更多信息
相关属性
mask-clip
.element { mask-clip: padding-box; }
mask-image
.element { mask-image: url(star.svg); }
mask-mode
.element { mask-mode: alpha; }
mask-origin
.element { mask-origin: content-box; }
mask-position
.element { mask-position: 20px center; }
mask-size
.element { mask-size: 200px 100px; }
mask-type
.element { mask-type: alpha; }