min-heightプロパティ。

CSSに於ける要素の高さの最小値・min-heightプロパティに関する解説です。

min-heightプロパティとは。

min-heightプロパティは、要素の高さの最小値です。

min-heightプロパティを与えられた場合、ボックスの横幅はこのプロパティで与えられた値より小さい場合はheightプロパティにこの値が与えられたものと見なして処理されます。

min-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プロパティの仕様上の注意。

置換インライン要素でのmin-heightプロパティ。

置換インライン要素の場合、当該オブジェクト固有の高さがあり、この高さより大きいmin-heightプロパティ値が与えられた場合、適宜拡大する事が許されます。

  • 必ず拡大しなければならないと言う意味ではありませんが、実際にはmin-heightプロパティを実装するユーザエージェントでは必ずと言って良いほど拡大しております。

max-heightプロパティとmin-heightプロパティの関係。

max-heightプロパティとmin-heightプロパティとで値の単位が異なる場合などに、min-heightプロパティで指定された最小幅の方がmax-heightプロパティで指定された最大値より大きくなる場合があります。

このような場合には、max-heightプロパティの値はmin-heightプロパティの値に上書きされます。

  • 事実上widthプロパティにmin-heightプロパティの値が設定される事になります。

min-heightプロパティの実装上の注意。

ネットスケープ 4.xでの注意事項。

ネットスケープ 4.xでは、min-heightプロパティを実装しておりません

インターネットエクスプローラでの注意事項。

インターネットエクスプローラでは、ウィンドウズ版 6.xまでマッキントッシュ版 5.xまでのいずれもmin-heightプロパティを実装しておりません

WAP 2.0での注意事項。

WAP 2.0では、min-heightプロパティは定義されておりません

関連項目。


しらぎくのウェブサイト作成入門サイトマップ