Die schreibgeschützte length-Eigenschaft des CSSKeyframesRule-Interfaces gibt die Anzahl der CSSKeyframeRule-Objekte in ihrer Liste zurück. Sie können dann direkt über den Index auf jedes Keyframe-Regelobjekt im CSSKeyframeRule-Objekt zugreifen.

Wert

Eine nicht-negative Ganzzahl. Sie sollte denselben Wert wie die length-Eigenschaft der cssRules-Eigenschaft haben.

Beispiele

Das CSS enthält eine Keyframes-At-Regel. Diese wird die erste von document.styleSheets[0].cssRules zurückgegebene CSSRule sein. myRules[0] gibt ein CSSKeyframesRule-Objekt zurück. Die cssRules-Eigenschaft gibt eine CSSRuleList mit zwei Regeln zurück.

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

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

const myRules = document.styleSheets[0].cssRules;
const keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.length); // 2

Spezifikationen

Browser-Kompatibilität