CSS max-height プロパティ

<p> 要素の最大の高さを設定します：

p {
max-height: 50px;
}

定義と用法

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

これは、height プロパティの値が max-height より大きくならないようにします。

注: プロパティの値は、heightをオーバーライドします。

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

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

プロパティ
max-height	1.0	7.0	1.0	2.0.2	7.0

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

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