CSS/Eigenschaften/mask-size
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft mask-size legt die Größe der Maskenfläche fest.
erlaubte Werte |
Die erste Angabe spezifiziert die gewünschte Breite, die zweite entsprechend die Höhe der Maske. Ist nur ein Wert gegeben, so wird die Höhe unter Beibehaltung des Seitenverhältnisses skaliert.
|
---|---|
anwendbar auf | alle Elemente. In SVG, alle Elemente außer Definitionsabschnitte (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
img { width: 150px; mask-image: linear-gradient(transparent, white); mask-size: cover; }
Beachten Sie: Für die mask-size-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.
Empfehlung: Die Werte entsprechen den Werte der background-size-Eigenschaft.
Weblinks
- Spezifikation (W3C): mask property
- MDN: mask-size
Siehe auch
Liste der CSS-Eigenschaften
- Positionierung und Anzeige
- Abstände
- Benutzeroberfläche
- Druckausgabe
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Rahmen und Schatten
- Schriftformatierung
- Textausrichtung
- Animationen