-webkit-mask-repeat-y
非標準：此特性未標準化。我們不建議在生產環境中使用非標準特性，因為它們瀏覽器支援有限，並且可能會更改或被移除。但是，在沒有標準選項的特定情況下，它們可以是合適的替代方案。
-webkit-mask-repeat-y 屬性設定蒙版影像是否以及如何垂直重複（平鋪）。
語法
css
/* Keyword values */
-webkit-mask-repeat-y: repeat;
-webkit-mask-repeat-y: no-repeat;
-webkit-mask-repeat-y: space;
-webkit-mask-repeat-y: round;
/* Multiple values */
-webkit-mask-repeat-y: repeat, no-repeat, space;
/* Global values */
-webkit-mask-repeat-y: inherit;
-webkit-mask-repeat-y: initial;
-webkit-mask-repeat-y: revert;
-webkit-mask-repeat-y: revert-layer;
-webkit-mask-repeat-y: unset;
值
- repeat
-
蒙版影像垂直重複。
- no-repeat
-
蒙版影像不垂直重複；蒙版影像只在垂直方向繪製一次。蒙版元素內容的垂直剩餘部分不顯示。
- repeat
-
蒙版影像垂直重複。
- space
-
影像儘可能多地重複，不進行裁剪。第一個和最後一個影像固定在元素的頂部和底部邊緣，空白空間均勻分佈在影像之間。
mask-position屬性將被忽略，除非只有一個影像可以在不裁剪的情況下顯示。唯一會使用空白進行裁剪的情況是沒有足夠的空間顯示一個影像。 - round
-
隨著允許的垂直空間增大，重複的影像將拉伸（不留空隙），直到有足夠的空間再新增一個。當新增下一個影像時，所有當前影像都會壓縮以留出空間。示例：一個原始高度為 260px 的影像，重複三次，可能會拉伸到每次重複 300px 高，然後會新增另一個影像。然後它們會壓縮到 225px 高度。
正式定義
正式語法
-webkit-mask-repeat-y =
[ repeat | no-repeat | space | round ]#
示例
使用重複或不重複的蒙版影像
css
.example-one {
-webkit-mask-image: url("mask.png");
-webkit-mask-repeat-y: repeat;
}
.example-two {
-webkit-mask-image: url("mask.png");
-webkit-mask-repeat-y: no-repeat;
}
使用多個蒙版影像
你可以為每個蒙版影像指定不同的 <repeat-style>，用逗號分隔
css
.example-three {
-webkit-mask-image: url("mask1.png"), url("mask2.png");
-webkit-mask-repeat-y: repeat, space;
}
每個影像都與相應的重複樣式匹配，從第一個指定到最後一個。
規範
不屬於任何標準。
瀏覽器相容性
載入中…