CSS min-height プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

<p> 要素の最小の高さを設定します:

p {
    min-height: 100px;
}
Try it Yourself ❯

定義と用法

min-height プロパティは、要素の最小の高さを設定します。

これは、height プロパティの値が min-height より小さくならないようにします

注: min-height プロパティの値は、max-heightheight の双方をオーバーライドします。

デフォルト値: 0
継承: 継承する
アニメーション可否: yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン: CSS2
JavaScript 構文: object.style.minHeight="400px" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
min-height 1.0 7.0 3.0 2.0.2 4.0

CSS 構文

min-height: length|initial|inherit;

プロパティの値

説明 Play it
length デフォルトは 0 です。最小の高さを px、cm などで定義します Play it ❯
% 最小の高さを包含ブロックの割合で定義します
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Dimension

CSSリファレンス:max-height プロパティ

HTML DOM リファレンス: minHeight プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯