Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
CSSScopeRule
Baseline
2025
Neu verfügbar
Seit December 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Die CSSScopeRule-Schnittstelle des CSS Object Model repräsentiert eine CSS @scope at-rule.
Instanz-Eigenschaften
Erbt Eigenschaften von seinen Vorfahren CSSGroupingRule und CSSRule.
Instanz-Methoden
Erbt Methoden von seinen Vorfahren CSSGroupingRule und CSSRule.
Beispiele
>Zugriff auf @scope-Informationen in JavaScript
Angenommen, das folgende ist das einzige Stylesheet, das an ein Dokument angehängt ist:
@scope (.outer) to (.inner) {
:scope {
background: yellow;
}
}
Das folgende JavaScript könnte verwendet werden, um auf Informationen über den enthaltenen @scope Block zuzugreifen:
const scopeBlock = document.styleSheets[0].cssRules[0];
console.log(scopeBlock.start); // Returns ".outer"
console.log(scopeBlock.end); // Returns ".inner"
Spezifikationen
| Spezifikation |
|---|
| CSS Cascading and Inheritance Level 6> # cssscoperule> |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.