CSSScopeRule
Baseline
2025
Newly available
Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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:
css
@scope (.outer) to (.inner) {
:scope {
background: yellow;
}
}
Das folgende JavaScript könnte verwendet werden, um auf Informationen über den enthaltenen @scope Block zuzugreifen:
js
const scopeBlock = document.styleSheets[0].cssRules[0];
console.log(scopeBlock.start); // Returns ".outer"
console.log(scopeBlock.end); // Returns ".inner"
Spezifikationen
| Specification |
|---|
| CSS Cascading and Inheritance Level 6 # cssscoperule |