| 属性名 | mask-repeat |
|---|---|
| 値 | <repeat-style># |
| 値の詳細 | <repeat-style> = [ repeat | no-repeat | space | round ]{1,2} | repeat-x | repeat-y |
| 初期値 | repeat |
| 適用可能要素 | すべての要素。 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_mask-repeat |
マスクイメージの繰り返しスタイルを指定します。repeat, no-repeat, space, round はひとつ指定した場合は縦横両方向の、ふたつ指定した場合は横方向、縦方向の繰り返しスタイルになります。詳細は CSSマスク を参照してください。
mask-image で複数の画像を指定している場合は、mask-repeat にもカンマ(,)区切りで複数の値を指定することができます。
mask-repeat: repeat; /* mask-repeat: repeat repeat; */ mask-repeat: no-repeat; /* mask-repeat: no-repeat no-repeat; */ mask-repeat: space; /* mask-repeat: space space; */ mask-repeat: round; /* mask-repeat: round round; */ mask-repeat: repeat-x; /* mask-repeat: repeat no-repeat; */ mask-repeat: repeat-y; /* mask-repeat: no-repeat repeat; */