Element.styleプロパティで"!important"指定する方法

css dom

Elementのstyleプロパティで"!important"指定する方法を調べたのでメモ

以下のように、setProperty()メソッドを使うと"!important"指定できる。

element.style.setProperty('width', '400px', 'important');

MDCによると、style プロパティは CSSStyleDeclaration インターフェースを持つオブジェクトということだった。

W3CのDOM Level2 の仕様によると、CSSStyleDeclaration インターフェースには、setProperty() というメソッドが定義されており、その第3パラメータが priority で、"important" と指定することで、スタイルシートで !improtant 指定したのと同じ意味となる（のだと思う）。

参考

element.style - MDC
CSSStyleDeclaration - MDC
Document Object Model CSS

追記

例が間違ってた

  • ☓ element.setProperty()
  • ◯ element.style.setProperty()