HTML DOM clientTop属性

HTML DOM Element オブジェクト

clientTop読み取り専用の属性は、ピクセル単位で要素の上端フレームの幅を返します。

clientTop属性は上端マージンまたは上端マージンを含まない。

使用clientLeft属性は要素の左側ボーダーの幅を返します。

注意：要素がdisplay：inlineの場合要素のボーダーに関係なく、clientTopは常に0。

文法：

element.clientTop

var　elem　=　document.querySelector("div");
var　txt　=　"Border　top　width:　"　+　elem.clientTop　+　"px<br>";
txt　+=　"Border　left　width:　"　+　elem.clientLeft　+　"px";

ブラウザの互換性

すべてのブラウザがclientTop属性を完全にサポートしています：

技術的詳細

関連リファレンス

HTML DOM リファレンス：HTML DOM clientLeft属性

HTML DOM Element オブジェクト