CSSKeyframesRule: length プロパティ

値

非負の整数です。これは cssRules プロパティの length と同じ値になります。

例

この CSS には keyframes アットルールが含まれています。これは最初の CSSRule が document.styleSheets[0].cssRules で返されます。 myRules[0] は CSSKeyframesRule オブジェクトを返します。 cssRules プロパティは 2 つのルールを含む CSSRuleList を返します。

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

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

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

仕様書

ブラウザーの互換性