最新のWeb開発のチュートリアル
 

Style height Property

<スタイルオブジェクト

高さを設定し<button>要素を:

document.getElementById("myBtn").style.height = "50px";
»それを自分で試してみてください

定義と使用法

heightプロパティは、要素の高さを設定または返します。

heightプロパティは、ブロックレベル要素または絶対的または固定された位置を有する要素に影響を与えます。 オーバーフローコンテンツがオーバーフロープロパティで操作することができます。

ヒント:使用するを設定または要素の幅を返すようにプロパティを。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

heightプロパティは、すべての主要なブラウザでサポートされています。


構文

heightプロパティを返します:

object .style.height

高さプロパティを設定します。

object .style.height="auto| プロパティ値
説明
auto ブラウザは、高さを設定します。 これがデフォルトです
length 長さの単位で高さを定義します
% 親要素の%で高さを定義します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 要素の高さを表す文字列、
CSSのバージョン CSS1

その他の例

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

document.getElementById("myDIV").style.height = "500px";
»それを自分で試してみてください

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

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
»それを自分で試してみてください

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

alert(document.getElementById("myImg").style.height);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSS寸法

CSSチュートリアル: CSSボックスモデル

CSSリファレンス: height property


<スタイルオブジェクト