CSSKeyframeRule: style 屬性

Baseline 已廣泛支援

此功能已相當成熟，可在多種裝置和瀏覽器版本上執行。自 ⁨2016 年 8 月⁩ 起，所有瀏覽器均已提供此功能。

只讀的 CSSKeyframeRule.style 屬性是 CSSStyleDeclaration 介面，用於表示 CSSKeyframeRule 的宣告塊。

值

一個 CSSStyleDeclaration 物件，具有以下屬性：

計算標誌: 未設定。
宣告: 規則中宣告的宣告，按照指定順序排列，簡寫屬性已展開為長屬性。
父 CSS 規則: 上下文物件，它是 this 的別名。
所有者節點: Null。

示例

CSS 包含一個 @keyframes at-rule。這將是 document.styleSheets[0].cssRules 返回的第一個 CSSRule。myRules[0] 返回一個 CSSKeyframesRule 物件，該物件將包含每個關鍵幀的獨立 CSSKeyFrameRule 物件。

css

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

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

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0].style); // a CSSStyleDeclaration

規範

規範
CSS 動畫級別 1 # dom-csskeyframerule-style

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年5月14日⁩，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的某個問題