HTML DOM offsetHeight プロパティ
要素オブジェクト例
div 要素の高さを取得します。パディング（padding）とボーダー（border）を含みます:
試してみる »
定義と使い方
offsetHeight プロパティは読み取り専用プロパティで、その要素のピクセル単位の高さを返します。高さにはパディング（padding）とボーダー（border）が含まれ、マージン（margin）は含まれません。整数で、単位はピクセル（px）です。
通常、要素の offsetHeight は、要素の CSS 高さの基準であり、要素のボーダー、パディング、要素の水平スクロールバー（存在して描画されている場合）を含みますが、:before或 :afterなどの疑似要素の高さは含みません。
ドキュメントの body オブジェクトの場合、要素の CSS 高さの代わりに総コンテンツの高さが含まれます。浮動要素がコンテンツの下に延びる高さは無視されます。
要素が非表示の場合（例：要素自体またはその祖先のいずれかの要素のstyle.displayに設定されているnone）、0 を返します。
注意：このプロパティの詳細については、次を参照してください。CSS ボックスモデル。
ヒント：このプロパティは通常、offsetWidthプロパティと一緒に使用します。
ヒント：を使用して clientHeightとclientWidthプロパティは、要素の可視の高さと幅を返します。パディング（padding）のみを含みます。
ヒント：要素にスクロールバーを追加するには、次を使用できます：overflowプロパティ。
これは読み取り専用プロパティです。
ブラウザサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| offsetHeight | Yes | Yes | Yes | Yes | Yes |
構文
element.offsetHeight
技術的な詳細
| 戻り値： | 要素のピクセル単位の高さを表す整数を返します。 |
|---|
その他の例
例
次の例では、clientHeight/clientWidth と offsetHeight/offsetWidth プロパティの違いを示しています:
試してみる »
例
次の例では、要素にスクロールバーを追加した後の clientHeight/clientWidth と offsetHeight/offsetWidth プロパティの違いを示しています:
試してみる »
その他の拡張