DieCSSScopeRule-Schnittstelle desCSS Object Model repräsentiert eine CSS@scope at-rule.

Instanz-Eigenschaften

Erbt Eigenschaften von seinen VorfahrenCSSGroupingRule undCSSRule.

end

Gibt einen String zurück, der den Wert der@scope At-Regel Scope-Grenze enthält.

start

Gibt einen String zurück, der den Wert der@scope At-Regel Scope-Wurzel enthält.

Instanz-Methoden

Erbt Methoden von seinen VorfahrenCSSGroupingRule undCSSRule.

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

Browser-Kompatibilität

Siehe auch

• @scope
• :scope