CSSScopeRule
Baseline 2025
Neu verfügbar
Seit Dezember 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 Schnittstelle CSSScopeRule des CSS Object Model repräsentiert eine CSS-@scope-At-Regel.
Instanzeigenschaften
Erbt Eigenschaften von den übergeordneten Schnittstellen CSSGroupingRule und CSSRule.
Instanzmethoden
Erbt Methoden von den übergeordneten Schnittstellen CSSGroupingRule und CSSRule.
Beispiele
Auf Informationen zu @scope in JavaScript zugreifen
Angenommen, das folgende Stylesheet ist das einzige, das einem Dokument zugeordnet ist:
css
@scope (.outer) to (.inner) {
:scope {
background: yellow;
}
}
Mit dem folgenden JavaScript können Sie auf Informationen über den enthaltenen @scope-Block zugreifen:
js
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 |