CSS min-height 属性

定義と使用方法

min-height 要素の最小高さを設定する属性です。

説明

この属性値は、要素の高さに最低限の制限を設定します。したがって、要素は指定された値より高くなることができますが、それより低くならないことができます。負の値を指定することは許可されていません。

も参照してください：

CSS チュートリアル：CSS サイズ

CSS チュートリアル：max-height 属性

HTML DOM リファレンスマニュアル：minHeight 属性

例

段落の最小高さを設定：

p
  {
  min-height:100px;
  }

自分で試してみる

CSS 语法

min-height: length|initial|inherit;

属性値

値 説明
length 要素の最小高さを定義します。デフォルト値は 0 です。
% 包含するブロックレベルのオブジェクトのパーセンテージに基づいて最小高さを定義します。
inherit 親要素から min-height 属性の値を継承するべきことを指定します。

技術詳細

デフォルト値： 0
継承性： no
バージョン： CSS2
JavaScript 语法： object.style.minHeight="50px"

TIY 実例

ピクセル値を使用して要素の最小高さを設定
この例では、ピクセル値を使用して要素の最小高さを設定する方法を示します。

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 3.0 2.0.2 4.0