CSSViewTransitionRule

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Die CSSViewTransitionRule Schnittstelle repräsentiert eine CSS @view-transition At-Regel.

CSSRule CSSViewTransitionRule

In diesem Artikel

Instanz-Eigenschaften

Erbt Eigenschaften von ihrem Vorfahren, CSSRule.

navigation Schreibgeschützt

Gibt den navigation-Deskriptorwert der @view-transition At-Regel zurück.

types Schreibgeschützt

Gibt ein Array zurück, das die types-Deskriptorwerte der @view-transition At-Regel enthält.

Instanz-Methoden

Erbt Methoden von ihrem Vorfahren, CSSRule.

Beispiele

Grundlegende Nutzung

Ein Stylesheet beinhaltet eine @view-transition At-Regel, mit den Deskriptoren navigation und types gesetzt:

css
@view-transition {
  navigation: auto;
  types: slide, rotate;
}

Im Skript holen wir eine Referenz zur @view-transition At-Regel mittels document.styleSheets[0].cssRules, dann loggen wir das entsprechende CSSViewTransitionRule Objekt und seine navigation- und types-Eigenschaften in die Konsole. Die types-Eigenschaft gibt ein Array zurück, das die für den types-Deskriptor gesetzten Werte enthält.

js
let myRule = document.styleSheets[0].cssRules;
console.log(myRule[0]); // a CSSViewTransitionRule representing the @view-transition at-rule
console.log(myRule[0].navigation); // "auto"
console.log(myRule[0].types); // ["slide", "rotate"]

Spezifikationen

Spezifikation

CSS View Transitions Module Level 2
# cssviewtransitionrule

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

CSS Object Model (CSSOM)
CSSViewTransitionRule
Instanzeigenschaften
1. navigation
2. types
Vererbung
1. CSSRule
Verwandte Seiten für CSSOM
Anleitungen
1. CSS Declaration
2. CSS-Deklarationsblock
3. Bestimmung der Dimensionen von Elementen
4. Verwaltung der Bildschirmorientierung
5. Verwenden dynamischer Styling-Informationen
6. CSS-Wertserialisierung