[CSS] IEで unset / initialが効かなかった
こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。
先日コーディング中に気づいたCSSの小ネタをメモ。
IEではプロパティのリセット値 unset / initial が未対応だった
これ。恥ずかしながら知らんかったのです。
そもそもunset / initialってそんなに使うことないからっていうのもあるけど。
こういうのすぐ忘れちゃうんですよねえ。。
だもんで忘れないうちにメモしとこうと思ったわけです。
んで、最終的には↓で解決。
IEは「auto」で対応
該当のプロパティに「auto」を指定して解決。
stackoverflowではautoを指定したプロパティと併記するとありましたが、今回は値自体をautoに書き換えるだけでOKでした。
自分の場合は位置指定プロパティ（top / right / bottom / left）を使ったケースでしたが、プロパティによってはまた別の値を指定する必要があるかもです。
ちなみに検証IEは11。10以下もautoは対応してます。
[おまけ] initial / unset / inherit の違い
ざっくりと。
- initial : プロパティの初期値にリセット（IE死亡）
- unset : 親からの継承がある場合は継承値、無ければ初期値にリセット（IE死亡）
- inherit : 親からの継承値にリセット
基本リセットにはinitialを使いたい…ところだけどIEがこのヤロウな感じ。
