initialとautoでmin-width,max-width(height)をリセット – webdev

initialとautoでmin-width,max-width(height)をリセット – webdev

スタイルシートの、最大の幅や高さ、最小の幅や高さを指定する max-width、max-height、min-width、min-...概要を表示 スタイルシートの、最大の幅や高さ、最小の幅や高さを指定する max-width、max-height、min-width、min-height をリセットするときは initialとautoを併用します。 アスペクト比（縦横比）を維持したまま200×200の枠内に収まるよう画像を縮小する設定と それをリセットするスタイルのサンプルです。 .thumbnail img { max-width: 200px; max-height: 200px; width: auto; height: auto; } .free .thumbnail img { max-width: initial; max-width: auto; max-height: initial; max-height: auto; } initialはスタイル適用前の状態へ設定するための値で、CSS3世代の比較的新しいものです

• リセット
• CSS
• CSS3