Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

CSSKeyframeRule

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

CSSKeyframeRule インターフェイスは、指定された keyframe のスタイルセットを表すオブジェクトを提供します。@-規則@keyframes の 1 つのキーフレームに対応しています。これはタイプ値 8 (CSSRule.KEYFRAME_RULE) の CSSRule インターフェイスを実装しています。

プロパティ

CSSRule のように、CSSKeyframeRule もそのインターフェイスから継承したプロパティを実装しています。独自プロパティも 2 つ実装しています:

CSSKeyframe.keyText
'10%''75%' のように、keyframe のキーを表す。from キーワードは '0%' にマッピングされ、to キーワードは '100%' にマッピングされる。
CSSKeyframe.style  読取専用
keyfrom に関連した CSS スタイルの CSSStyleDeclaration を返す。

メソッド

CSSRule のように、CSSKeyframeRule もそのインターフェイスのメソッドを継承しています。独自のメソッドはありません。

仕様

仕様 状態 コメント
CSS Animations
CSSKeyframeRule の定義
草案 初期定義。

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート (有) 5.0 (5.0) -moz
48 (48)
10 12 -o
12.50[1]
4.0
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート (有) 5.0 (5.0) -moz
48 (48)
? ? ?

[1] See Opera 12.50 のブログ投稿 をご覧ください。

関連項目

ドキュメントのタグと貢献者

 このページの貢献者: dskmori, YuichiNukiyama
 最終更新者: dskmori,