CSSKeyframeRule: keyText-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2016 browserübergreifend verfügbar.

Die keyText-Eigenschaft der CSSKeyframeRule-Schnittstelle repräsentiert den Keyframe-Selektor als kommagetrennte Liste von Prozentwerten. Die Schlüsselwörter from und to entsprechen 0 % bzw. 100 %.

In diesem Artikel

Wert

Ein String.

Ausnahmen

SyntaxError

Wird ausgelöst, wenn keyText mit einem ungültigen Keyframe-Selektor aktualisiert wird. In diesem Fall bleibt keyText unverändert.

Beispiele

Das CSS enthält eine @keyframes-Regel. Dies wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule-Objekt zurück, das einzelne CSSKeyFrameRule-Objekte für jeden Keyframe enthält.

css
@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0].keyText); // a string containing 0%

Spezifikationen

Spezifikation

CSS Animations Level 1
# dom-csskeyframerule-keytext

Browser-Kompatibilität

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

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)
CSSKeyframeRule
Instanzeigenschaften
1. keyText
2. style
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