CSSリファレンスマニュアル

CSS@ルール(RULES)

max-height CSS属性は、要素の内容エリアの最大高さを指定します。この最大高さには、フィルリング、ボーダーやマージンは含まれません。-さらに詳しくは以下を参照してください：CSS ボックスモデル。

以下のテーブルには、この属性の使用方法とバージョン履歴、JavaScript スクリプトでの使用構文が含まれています。

デフォルト値：	none
適用：	置き換えられていない埋め込み要素、テーブル行、行グループ以外のすべての要素
継承：	ありません
アニメーション可能：	はい。以下を参照してください：アニメーション属性。
バージョン：	CSS 2、3
JavaScript 構文：	object.style.maxHeight="200px"

この属性の構文は以下の通りです：

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

以下の例では、max-height属性。

例

　　p　{
　　　max-height:　100px;
　　}
　　div　{
　　　height:　200px;
　　　max-height:　100px;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	px、pt、cm、emなどの単位で最大高さを指定します。負の値は使用できません。
percentage	パーセンテージで最大高さを指定します。要素の含むブロックの高さに対してパーセンテージを計算します。負のパーセンテージ値は使用できません。
none	高さには最大値がありません。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のmax-heightの属性値。

max-height属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 7+ Apple Safari 1+ Opera 7+

以下の内容に関するチュートリアルを参照してください：CSS ボックスモデル、CSS サイズ。