備忘録的プログラミングリファレンス

min-height プロパティ

 min-height プロパティは、エレメントの最小の高さを指定するプロパティです。エレメントの高さはこのプロパティで指定された値より小さくなることはありません。
 例えば、このプロパティで web ページの最小の高さを決めておくことでサイト全体として統一感を出すことができます。

エレメントの最小高さを500pxに(Exampleを参照)
min-height: 500px;

 コンテンツの高さがmin-height プロパティの値より大きい場合はmin-height プロパティは機能しません。

 heightプロパティの値がmin-height プロパティより小さい場合にはmin-height プロパティの値が優先されます。

ページ内 Index

構文(Syntax)

CSS

min-height: length | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.minHeight;
値の設定
object.style.minHeight="length | initial | inherit";

値(Values)

 値には、計算式によって値を指定する calc() ファンクションも利用できます。

Value摘要
0初期値(default値)
lengthCSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)0
継承(Inherited)No
CSS AnimationYes

Example

 min-heightの例です。常にmin-heightの設定より大きくエレメントが表示されます。高さを合わせたい時に使用します。