概要
要素内のピクセル単位の高さ (height) を返します。padding を含み、水平スクロールバーの height または border, margin を含みません。
clientHeight は CSS height + CSS padding - 水平スクロールバーの高さ(height) (表示されていれば) として計算できます。
構文と値
var h = element.clientHeight;
h は、element の clientHeight をピクセルで表す整数値です。
clientHeight は読み取り専用です。
例
padding-top
Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.
All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.
Cat image and text coming from https://www.best-cat-art.com/
padding-bottom
仕様
W3C 仕様の一部ではありません。
注記
clientHeight は Internet Explorer オブジェクトモデルで導入された、非標準の HTML 用のプロパティです。
offsetLeft は、要素の左上端の位置を返します。これは必ずしも要素の「本当の」左端ではありません。これは、一行が次に字送りされる浮動テキスト内の span 要素にとって重要です。span はページの中央から始まり、次の行の始めに字送りされるとします。offsetLeft は、二行目のテキストが始まる左端ではなく、span が始まる左端を参照します。そのため、left, top, width, height がそれぞれ offsetLeft, offsetTop, offsetWidth および offsetHeight のボックスは、字送りされた span を囲むボックスにはなりません。(ちなみに、私はそのような span の左端を見つける計算方法を知りません。はぁ。)
リファレンス
- MSDN clientHeight definition
- MSDN Measuring Element Dimension and Location
- Gecko DOM Reference on clientHeight