CSS max-height 属性

定義と使用法

max-height 属性は、要素の最大高さを設定します。

説明

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

コメント：max-height 属性には、マージン、ボーダーやインデントは含まれません。

も参照してください：

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

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

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

インスタンス

段落の最大高さを設定：

p
  {
  max-height:100px;
  }

自分で試してみる

CSS 文法

max-height: none;length|initial|inherit;

属性値

値 説明
none デフォルト。要素に対して許可される最大高さに制限はありません。
length 要素の最大高さの値を定義します。
% 包含するブロックレベルのオブジェクトのパーセントに基づいて最大高さを定義します。
inherit max-height 属性の値を親要素から継承するべきことを指定します。

技術的詳細

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

TIY 実例

要素の最大高さの設定
この例では、要素の最大高さを設定する方法を示します。

ブラウザのサポート

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

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