min-height プロパティ
min-height プロパティは、エレメントの最小の高さを指定するプロパティです。エレメントの高さはこのプロパティで指定された値より小さくなることはありません。
例えば、このプロパティで web ページの最小の高さを決めておくことでサイト全体として統一感を出すことができます。
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値） |
| length | CSS長さの単位 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | 0 |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
min-heightの例です。常にmin-heightの設定より大きくエレメントが表示されます。高さを合わせたい時に使用します。
関連する CSS プロパティ
以下の関連するプロパティがあります。