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 對象