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 上查看此页面 • 报告此内容的某个问题