Style animationDuration属性
- 前のページ animationDirection
- 次のページ animationFillMode
- 一層上のページに戻る HTML DOM Styleオブジェクト
定義と使用方法
animationDuration 属性は、アニメーションが一周期完了するまでの秒数またはミリ秒数を定義します。
例
<div>要素のanimationDuration属性を変更します：
document.getElementById("myDIV").style.animationDuration = "3s";
文法
animationDuration属性を返します：
object.style.animationDuration
animationDuration属性を設定します：
object.style.animationDuration = "time|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| time | アニメーションが完了するまでの長さを定義します。デフォルト値は0で、アニメーションはありません。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | 0 |
|---|---|
| 返り値： | 文字列で要素の animation-duration 属性。 |
| CSSバージョン： | CSS3 |
ブラウザのサポート
animationDuration CSS3（1999）の機能です。
すべてのブラウザが完全にサポートしています：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| サポート | サポート | サポート | サポート | サポート | 11 |
関連ページ
CSS リファレンスマニュアル：animation-duration 属性
- 前のページ animationDirection
- 次のページ animationFillMode
- 一層上のページに戻る HTML DOM Styleオブジェクト
