CSS Masken ist ein CSS Modul, das Mittel wie Maskierung und Clipping zum teilweisen oder kompletten Verstecken von Teilen visueller Elemente definiert.

Referenz

Eigenschaften

Anleitungen

Keine.

Spezifikationen

Spezifikation Status Kommentar
CSS Masking Module Level 1 Anwärter Empfehlung  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Die Definition von 'mask' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
maskChrome Teilweise Unterstützung 1
Hinweise
Teilweise Unterstützung 1
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 1
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2
Hinweise
Vollständige Unterstützung 2
Hinweise
Hinweise From Firefox 10, the default color space when handling masks is sRGB. Previously, the default and only supported color space was linear RGB. This changes the appearance of mask effects, but brings Firefox into compliance with the second edition of the SVG 1.1 specification.
IE Keine Unterstützung NeinOpera Teilweise Unterstützung 15
Hinweise
Teilweise Unterstützung 15
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 15
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
Safari Teilweise Unterstützung 3.2
Hinweise
Teilweise Unterstützung 3.2
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 3.2
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
WebView Android Teilweise Unterstützung 2
Hinweise
Teilweise Unterstützung 2
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 2
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
Chrome Android Teilweise Unterstützung 18
Hinweise
Teilweise Unterstützung 18
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 18
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
Firefox Android Vollständige Unterstützung 4
Hinweise
Vollständige Unterstützung 4
Hinweise
Hinweise From Firefox 10, the default color space when handling masks is sRGB. Previously, the default and only supported color space was linear RGB. This changes the appearance of mask effects, but brings Firefox into compliance with the second edition of the SVG 1.1 specification.
Opera Android Teilweise Unterstützung 14
Hinweise
Teilweise Unterstützung 14
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 14
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
Safari iOS Teilweise Unterstützung 3.2
Hinweise
Teilweise Unterstützung 3.2
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 3.2
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.
Samsung Internet Android Teilweise Unterstützung Teilweise
Hinweise
Teilweise Unterstützung Teilweise
Hinweise
Hinweise While the property is recognized, values applied to it don't have any effect.
Vollständige Unterstützung 4.0
Mit Präfix Hinweise
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Hinweise The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Teilweise Unterstützung  
Teilweise Unterstützung
Keine Unterstützung  
Keine Unterstützung
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, Sebastianz
Zuletzt aktualisiert von: mdnwebdocs-bot,