お知らせ / ブログINFO / BLOG
2020.06.26
【CSS】max-width・max-height・min-width・min-hrightの解除方法
以前、要素の最大幅・高さを設定するmax-widthとmax-heightと要素の最小幅・高さを設定するmin-widthとmin-heightで紹介した、max-width・max-height・min-width・min-heightですが、それらの解除には注意が必要です。
解除方法(initial)
div {
max-width:initial;
}CSS3から解除方法としてinitialが追加されました。initialを設定する事で、属性値をリセットできます。
後述しますが、initialの他にautoという属性も存在します。
解除方法(auto)
div {
max-width:auto;
}initialとautoについて
initialはCSS3から追加になっているので、IEでは効きません。IEではautoを記載しないとリセットされませんので、現状initialとautoを下記のように併記するかベンダープレフィックスで対応するのが安全です。
div {
max-width:initial;
max-width:auto;
}