DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Die CSS-Eigenschaft mask-repeat gibt einer mask an, ob sie wiederholt werden soll oder nicht und in welchen Richtungen. Sie ist sehr ähnlich zu background-repeat. Der Standardwert ist repeat.
Diese Maske wiederholt sich nicht
Diese Maske wiederholt sich in beide Richtungen
Diese Maske wiederholt sich entlang der x-Achse
Diese Maske wiederholt sich entlang der y-Achse
Browser-Unterstützung
Diese Browser-Supportdaten stammen von Caniuse, das mehr Details bietet. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 120 | 53 | Nein | 120 | 15.4 |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 127 | 127 | 127 | 15.4 |
Weitere Informationen
Clipping und Masking in CSS
Masking vs. Clipping: Wann man was benutzt
33: Clipping und Masking
#185: Mit CSS-Masken spielen
Mask Compositing: Der Crashkurs
Bildfragmentierungseffekt mit CSS-Masken und benutzerdefinierten Eigenschaften
Verwandte Eigenschaften
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; }