Zum Hauptinhalt springen
Sprache auswählen
Zur Suche springen

MDN-Web-Dokumentation

Anmelden

CSS Masken

Bearbeiten
Erweitert
- Versionsgeschichte
- Diesen Artikel drucken

Springen zu:

Referenz
Anleitungen
Spezifikationen
Browser Kompatibilität

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

Referenz

Eigenschaften

mask

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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Edge Mobile	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`mask`	Chrome 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 Ja 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 12	Firefox 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 Nein	Opera 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 Ja 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 4 Hinweise Teilweise Unterstützung 4 Hinweise Hinweise While the property is recognized, values applied to it don't have any effect. Vollständige Unterstützung Ja 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 Vollständige Unterstützung 2 Vollständige Unterstützung 2 Vollständige Unterstützung Ja Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Chrome Android ?	Edge Mobile Vollständige Unterstützung Ja	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 ?	Safari iOS Vollständige Unterstützung 3.2 Mit Präfix Vollständige Unterstützung 3.2 Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Samsung Internet Android ?
Applies to HTML elements	Chrome Vollständige Unterstützung Ja Mit Präfix Vollständige Unterstützung Ja Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Edge ?	Firefox Vollständige Unterstützung 3.5	IE Keine Unterstützung Nein	Opera Vollständige Unterstützung Ja Mit Präfix Vollständige Unterstützung Ja Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Safari Keine Unterstützung Nein	WebView Android ?	Chrome Android ?	Edge Mobile ?	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android ?
Shorthand for `mask-*` properties	Chrome Vollständige Unterstützung Ja Mit Präfix Vollständige Unterstützung Ja Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Edge ?	Firefox Vollständige Unterstützung 53	IE Keine Unterstützung Nein	Opera Vollständige Unterstützung Ja Mit Präfix Vollständige Unterstützung Ja Mit Präfix Mit Präfix Benötigt das Herstellerpräfix: -webkit-	Safari Keine Unterstützung Nein	WebView Android ?	Chrome Android ?	Edge Mobile ?	Firefox Android Vollständige Unterstützung 53	Opera Android ?	Safari iOS ?	Samsung Internet Android ?

Legende

Vollständige Unterstützung: Vollständige Unterstützung
Teilweise Unterstützung: Teilweise Unterstützung
Keine Unterstützung: Keine Unterstützung
Kompatibilität unbekannt: Kompatibilität unbekannt
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

Schlagwörter:

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, Sebastianz

Zuletzt aktualisiert von: mdnwebdocs-bot, 23.03.2019, 18:41:17

Verwandte Themen