SYNCERのロゴ
アイキャッチ画像

CSSKeyframeRule - @keyframes内の各CSSルール

CSSKeyframeRuleは、@keyframes内の各CSSルールを管理するための機能を備えたインターフェイスです。

概要

名前
CSSKeyframeRule
継承
IDL
[Exposed=Window]
interface CSSKeyframeRule : CSSRule {
  attribute CSSOMString keyText;
  [SameObject, PutForwards=cssText] readonly attribute CSSStyleDeclaration style;
};

typedef USVString CSSOMString;
仕様書
https://drafts.csswg.org/css-animations/#csskeyframerule

チュートリアル

CSSKeyframeRuleは、CSSRuleListの各インデックスに含まれています。先にStyleSheetListCSSStyleSheetCSSRuleListCSSRuleを理解して下さい。下記のような@keyframes内の各CSSルールがCSSKeyframeRuleです。

@keyframes syncer {
	from {	/* CSSKeyframeRule */
		color: red ;
	}
	to {	/* CSSKeyframeRule */
		color: blue ;
	}
}

コンストラクタ

コンストラクタはありません。

プロパティ

keyText

セレクタを文字列で返します。

style

宣言ブロック内のスタイルシートをCSSStyleDeclarationで返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
CSSKeyframeRule 31+ 48+ 9.1+ 10+ 21+ 9.1+×
keyText 31+ 48+ 9.1+ 10+ 21+ 9.1+×
style 31+ 48+ 9.1+ 10+ 21+ 9.1+×
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月15日 (日)
コンテンツを公開しました。