CSSStyleRule: style 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

只读的 style 属性是一个 CSSStyleProperties 对象，它代表样式规则（CSSStyleRule）的内联样式。

请注意，该对象上存在浏览器支持的所有 CSS 属性。在相应的 CSS 声明中未以内联方式定义的属性被设置为空字符串 ("")。

值

注意： 早期版本的规范返回的是 CSSStyleDeclaration，它现在是 CSSStyleProperties 的基类。有关浏览器支持信息，请参阅浏览器兼容性表。

下面的 CSS 定义了 h1 选择器的样式规则，该规则在代码中由一个 CSSStyleRule 实例表示。声明块是样式规则中出现在大括号内的部分，它实际提供了样式定义（对于选择器，即出现在大括号前的部分），在代码中由 style 属性表示。

css

h1 {
  color: pink;
}

假设上述样式规则是文档中的第一条规则，它将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0].style 返回一个 CSSStyleProperties 对象，表示为 h1 定义的声明。

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style); // a CSSStyleProperties representing the declarations on the h1.

规范
CSS 对象模型 (CSSOM) # dom-cssstylerule-style

此页面最后修改于 ⁨2025年10月14日⁩，由 MDN 贡献者更新。