CSSScopeRule
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used 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 |
Browser-Kompatibilität
BCD tables only load in the browser