Style animationIterationCount属性
- 前のページ animationFillMode
- 次のページ animationName
- 上一階層に戻る HTML DOM Styleオブジェクト
定義と使用方法
animationIterationCount 属性設定または返却は、アニメーションが再生される回数を定義します。
例
<div>要素のanimationIterationCount属性を変更する：
document.getElementById("myDIV").style.animationIterationCount = "infinite";
文法
animationIterationCount属性を返す：
object.style.animationIterationCount
animationIterationCount属性を設定する：
object.style.animationIterationCount = "number|infinite|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| number | アニメーションが再生される回数を定義する数値です。デフォルト値は1です。 |
| infinite | アニメーションが無限回数（常に）再生されることを指定します。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | 1 |
|---|---|
| 返り値： | 文字列で、要素の animation-iteration-count 属性。 |
| CSSバージョン： | CSS3 |
ブラウザのサポート
animationIterationCount CSS3（1999）の機能です。
すべてのブラウザで完全にサポートされています：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| サポート | サポート | サポート | サポート | サポート | 11 |
関連ページ
CSS 参考マニュアル：animation-iteration-count 属性
- 前のページ animationFillMode
- 次のページ animationName
- 上一階層に戻る HTML DOM Styleオブジェクト
