More than 5 years have passed since last update.

IEでCSSプロパティのinitialとunsetを指定するとスタイルが崩れてしまう時の解決法

Posted at 2019-10-28

CSSのプロパティの initial や unset はIE11に対応していないためスタイルが崩れてしまいます。
詳しくはこちら(initial unset)を参照してください。
この記事ではこの問題に対処するために代表的なプロパティごとの解決法を書きます。

解決法

auto の記載を追加することでIEに対応できます。

sample.css

.block {
  margin: initial;
  /* IE対応のために追加する */
  margin: auto;
}

normal の記載を追加することでIEに対応できます。

sample.css

.block {
  line-height: initial;
  /* IE対応のために追加する */
  line-height: normal;
}