CSSStyleDeclaration setProperty() 方法

CSSStyleDeclaration 对象

定义和用法

setProperty() 方法在 CSS 声明块中设置新的 CSS 属性，或修改现有的属性。

实例

例子 1

设置新的 CSS 属性：

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow");

亲自试一试

例子 2

设置具有 "important" 优先级的新 CSS 属性：

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow", "important");

亲自试一试

例子 3

修改现有的 CSS 属性：

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("color", "blue");

亲自试一试

语法

object.setProperty(propertyname, value, priority)

参数

参数 描述
propertyname 必需。字符串，表示要设置的属性的名称。
value 可选。表示新值的字符串。
priority

可选。字符串，表示属性的优先级是否应设置为重要。

合法值：

  • "important"
  • undefined
  • ""

技术细节

DOM 版本： CSS Object Model
返回值： undefined

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持
CSSStyleDeclaration 对象