HTML DOM Element clientTop属性

定義と使用法

clientTop 属性は要素の上端の枠の幅をピクセルで返します。

clientTop 属性は要素の上端のインセットやアウトセットを含まないです。

clientTop 属性は読み取り専用です。

注釈：style.borderTopWidth属性要素の上端の枠の幅も返します。

も参照してください：CSSフレームワークモデルチュートリアル

も参照してください：

clientLeft属性

clientWidth属性

clientHeight属性

offsetLeft属性

offsetTop属性

例

myDIVの上と左の枠の幅を取得します：

const element = document.getElementById("myDIV");
let text = "clientTop: " + element.clientTop + "px<br>";
text += "clientLeft: " + element.clientLeft + "px";

自分で試してみる

文法

element.clientTop

返り値

タイプ 説明
数字 要素の上端の枠の幅、ピクセルで表されます。

ブラウザサポート

すべてのブラウザがサポートしています element.clientTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート