Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

Siehe auch