CSSKeyframeRule: style 属性

只读的 CSSKeyframeRule.style 属性是 CSSStyleDeclaration 接口，用于声明块的 CSSKeyframeRule.

值

一个 CSSStyleDeclaration 对象，具有以下属性

计算标志: 未设置。
声明: 规则中声明的声明，按照它们被指定的顺序，将速记属性展开为长属性。
父 CSS 规则: 上下文对象，它是 this 的别名。
所有者节点: 空。

示例

CSS 包含一个 @keyframes at-规则。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象，该对象将包含每个关键帧的单独 CSSKeyFrameRule 对象。

css

@keyframes slidein {
  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

浏览器兼容性

BCD 表格仅在浏览器中加载