Element: clientHeight プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Element.clientHeight は読み取り専用のプロパティで、 CSS のない要素やインラインレイアウトボックスではゼロになります。それ以外では、要素の内側の寸法をピクセル単位で表します。パディングは含みますが、境界、マージン、(もしあれば)水平スクロールバーは含みません。

clientHeight は CSS height + CSS padding - 水平スクロールバーの高さ (もしあれば) として計算できます。

clientHeight がルート要素(<html> 要素)(または文書が後方互換モードである場合は <body>)に使用された場合、(スクロールバーを除いた)ビューポートの高さが返されます。これは clientHeight の特例です

メモ: このプロパティは値を整数値に丸めます。小数値が必要であれば、 element.getBoundingClientRect() を使用してください。

数値です。

clientHeight プロパティが高さとパディングを考慮して要素の内側の高さを決定する方法です。

仕様書

Specification
CSSOM View Module
# dom-element-clientheight

メモ

clientHeight は Internet Explorer オブジェクトモデルで導入されたプロパティです。

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
clientHeight

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報