min-widthプロパティ。
CSSに於ける要素の幅の最小値・min-widthプロパティに関する解説です。
min-widthプロパティとは。
min-widthプロパティは、要素の幅の最小値です。
min-widthプロパティを与えられた場合、ボックスの横幅はこのプロパティで与えられた値より小さい場合はwidthプロパティにこの値が与えられたものと見なして処理されます。
min-widthプロパティの記述例。
例えば、HTMLの<blockquote>要素において、最小幅を20文字分、最大幅を親要素の60%としたい場合は、
blockquote {min-width: 20em;max-width: 60%;}
と記述します。
min-widthプロパティに関する注意事項。
min-widthプロパティの仕様上の注意。
max-widthプロパティとmin-widthプロパティの関係。
max-widthプロパティとmin-widthプロパティとで値の単位が異なる場合などに、min-widthプロパティで指定された最小幅の方がmax-widthプロパティで指定された最大値より大きくなる場合があります。
このような場合には、max-widthプロパティの値はmin-widthプロパティの値に上書きされます。
- 事実上widthプロパティにmin-widthプロパティの値が設定される事になります。