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.

CSSRule CSSGroupingRule CSSScopeRule

Instanz-Eigenschaften

Erbt Eigenschaften von seinen Vorfahren CSSGroupingRule und CSSRule.

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 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

Siehe auch