Style height属性

定義と使用方法

height 属性を使用して設定または返します。

height この属性はブロック要素または絶対または固定位置の要素に対してのみ有効です。オーバーフローされた内容は、 overflow属性 を操作します。

ヒント：次を使用して width属性 要素の幅を設定または返します。

も参照してください：

CSSチュートリアル：CSS Dimension

CSSチュートリアル：CSS フレームワーク

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

例

例1

<button>要素の高さを設定：

document.getElementById("myBtn").style.height = "50px";

自分で試してみる

例2

<div>要素の高さを変更：

document.getElementById("myDIV").style.height = "500px";

自分で試してみる

例3

<img>要素の高さと幅を変更：

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

自分で試してみる

例4

<img>要素の高さを返します：

alert(document.getElementById("myImg").style.height);

自分で試してみる

構文

height属性を返す：

object.style.height

height属性を設定：

object.style.height = "auto|length|%|initial|inherit"

属性値

値 説明
auto ブラウザが高さを設定します。デフォルト。
length 長さ単位で高さを定義します。
% 親要素のパーセントで高さを定義します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： auto
返り値： 文字列で、要素の高さを表します。
CSSバージョン： CSS1

ブラウザのサポート

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