Метод CSSStyleDeclaration setProperty()

Объект CSSStyleDeclaration

Определение и использование

setProperty() Метод устанавливает новое CSS свойство в блоке CSS declarations или изменяет существующее свойство.

Пример

Пример 1

Установка нового CSS свойства:

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

Попробуйте сами

Пример 2

Установка нового CSS свойства с приоритетом "important":

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
Возврат значения: undefined

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка
Объект CSSStyleDeclaration