Style maxHeight 属性

定義と使用方法

maxHeight 属性は要素の最大高さを設定または返します。

maxHeight 属性はブロック要素または絶対または固定位置を持つ要素に対してのみ有効です。

注釈：要素の高さは常に、 maxHeight 属性で指定された値です。

ヒント：要素の最小高さを設定または返すには、 minHeight 属性。

参照もしくは

CSS チュートリアル：CSS Dimension

CSS リファレンスマニュアル：max-height 属性

例

例 1

<div>要素の最大高さを設定：

document.getElementById("myDIV").style.maxHeight = "15px";

自分で試してみてください

例 2

<div>要素の最大高さを返します：

alert(document.getElementById("myDIV").style.maxHeight);

自分で試してみてください

文法

maxHeight 属性を返す：

object.style.maxHeight

maxHeight 属性を設定：

object.style.maxHeight = "none|length|%|initial|inherit"

属性値

値 説明
none 要素の高さに制限はありません。デフォルト。
length 長さ単位で最大高さを定義します。
% 親要素の百分率で最大高さを定義します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： なし
返り値： 文字列、要素の最大高さを表す。
CSS バージョン： CSS2

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート