CSS: supports() statische Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2015 browserübergreifend verfügbar.
Die statische Methode CSS.supports() gibt einen booleschen Wert zurück, der angibt, ob der Browser ein bestimmtes CSS-Feature unterstützt oder nicht.
Syntax
CSS.supports(propertyName, value)
CSS.supports(supportCondition)
Parameter
Es gibt zwei verschiedene Sätze von Parametern. Der erste ermöglicht es Ihnen, die Unterstützung eines property-value-Paares zu testen:
propertyName-
Ein String, der den Namen der zu überprüfenden CSS-Eigenschaft enthält.
value-
Ein String, der den Wert der zu überprüfenden CSS-Eigenschaft enthält.
Die zweite Syntax nimmt einen Parameter, der der Bedingung von @supports entspricht:
supportCondition-
Ein String, der die zu überprüfende Bedingung enthält.
Rückgabewert
true, wenn der Browser die Regel unterstützt, andernfalls false.
Beispiele
In den folgenden Beispielen ist result ein boolescher Wert, der anzeigt, ob der Browser das gegebene CSS-Feature unterstützt.
result = CSS.supports("text-decoration-style", "blink");
result = CSS.supports("display: flex");
result = CSS.supports("(--foo: red)");
result = CSS.supports("selector(:has(a))");
result = CSS.supports(
"(transform-style: preserve) or (-moz-transform-style: preserve) or (-webkit-transform-style: preserve)",
);
Für weitere Beispiele und Syntaxmerkmale siehe die @supports-Regel.
Spezifikationen
| Spezifikation |
|---|
| CSS Conditional Rules Module Level 3 # dom-css-supports |
Browser-Kompatibilität
Siehe auch
- Die
@supports-Regel, die die gleiche Funktionalität, aber auf eine deklarative Weise, ermöglicht. - Die
CSSSupportsRuleCSSOM-Klasse, die es Ihnen ermöglicht,@supports-Regeln zu manipulieren.