JavaScript

A property that returns the visible height of an element, including padding, in pixels.

clientHeight [property]

clientHeight は、HTML要素の「見えている部分の高さ」をピクセル単位で取得できるプロパティです。

スクロールバーや境界線（border）の厚みは含まず、パディング（padding）部分は含みます。

主に、要素の高さを測ってレイアウトを調整したり、スクロール量を計算したりする場面で使われます。

例：

JavaScript

const box = document.getElementById("myBox");
console.log(box.clientHeight); // 要素の高さを表示

ポイントは次のとおりです。