最終更新日

max-heightプロパティ

max-heightは、コンテンツの高さを「これ以上は大きく表示しない」という最大値を指定するプロパティです。値は、長さの値またはパーセント値、キーワード「none」の指定が可能です。なお、max-heightでは負の値は設定できません。

以下は、関連プロパティです。

min-width
min-height
max-width

CSS3での変更点
特にありません
初期値 適用先 継承
none すべての要素 なし
説明
長さの値 「5px」「3em」のように、数値に単位を付けて指定します。
パーセント値 「100%」のように、数値に「%」の単位を付けて、他の値に対する割合で示します。
none ボックスの幅や高さに制限を設けない(初期値
サンプルコード
max-height: 500px;
max-height: 80%;
max-height: none;
参考文献:CSS basic box model外部リンク
HOME