min-heightプロパティ。
CSSに於ける要素の高さの最小値・min-heightプロパティに関する解説です。
min-heightプロパティとは。
min-heightプロパティは、要素の高さの最小値です。
min-heightプロパティを与えられた場合、ボックスの横幅はこのプロパティで与えられた値より小さい場合はheightプロパティにこの値が与えられたものと見なして処理されます。
min-heightプロパティの書式。
min-heightプロパティの書式は、以下のようになります。
min-height: 値
値としては、以下のものが取れます。
inherit- 一番近い上位要素で指定された値を継承します。
- パーセンテージ
- 親要素の高さを100%とするパーセンテージです。
但し、親要素にmin-heightプロパティが当てられていないか、当てられていても
auto値である場合は、無意味となります。- 高さが不定となっているため、パーセンテージの算出が無意味と判断される訳です。
- 数値
- 幅を数値で指定します。
値に負値を指定した場合はエラーとなります。
min-heightプロパティの記述例。
例えば、HTMLの<blockquote>要素において、高さを最低10文字分、最大20文字分としたい場合は、
blockquote {min-height: 10em;max-height: 20em;overflow: auto;}
と記述します。
min-heightプロパティに関する注意事項。
min-heightプロパティの仕様上の注意。
max-heightプロパティとmin-heightプロパティの関係。
max-heightプロパティとmin-heightプロパティとで値の単位が異なる場合などに、min-heightプロパティで指定された最小幅の方がmax-heightプロパティで指定された最大値より大きくなる場合があります。
このような場合には、max-heightプロパティの値はmin-heightプロパティの値に上書きされます。
- 事実上widthプロパティにmin-heightプロパティの値が設定される事になります。