CSSStyleDeclaration

Объект, который хранит информацию о ваших CSS-стилях.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Интерфейс CSSStyleDeclaration представляет объект, в котором хранится информацию о CSS-стилях и связанных с ними методах и свойствах.

CSSStyleDeclaration-объект возвращают другие APIHTMLElement.style, CSSStyleSheet и Window.getComputedStyle().

Как пишется

Скопировано

Атрибуты и свойства

Скопировано

Через CSSStyleDeclaration можете обращаться ко всем CSS-свойствам. Для этого укажите название нужного свойства в CamelCase. Например, maxWidth или flexDirection.

Специальные атрибуты и свойства:

  • cssText — текстовое представление блока с CSS-правилами.
  • length — количество свойств. Только для чтения.
  • parentRule — CSS-правила для родительского элемента. Только для чтения.
  • cssFloat — алиас для CSS-свойства float.

Методы

Скопировано
  • .setProperty() — изменяет или задаёт новое CSS-свойство.
  • .removeProperty() — удаляет CSS-свойство.
  • .getPropertyValue() — возвращает значение свойства по его названию.
  • .getPropertyCSSValue() — возвращает значение свойства в виде интерфейса CSSPrimitiveValue или null для сокращённых CSS-свойств.
  • .item() — возвращает название свойства.
  • .getPropertyPriority() — возвращает необязательный приоритет !important.