HTML DOM Element clientLeft属性

定義と使用方法

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

clientLeft 属性は要素の左内側マージンや左外側マージンを含みません。

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

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

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

参照してください：

clientTop属性

clientWidth属性

clientHeight属性

offsetLeft属性

offsetTop属性

例

例1

myDIVの上と左の端の枠の幅を表示します：

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

自分で試してみる

例2

この例では、"myDIV"のテキスト方向は右から左で、スクロールバーがあります：

let left = document.getElementById("myDIV").clientLeft;

自分で試してみる

文法

element.clientLeft

返り値

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

ブラウザのサポート

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

クローム IE エッジ ファイアフォックス サファリ オペラ
クローム IE エッジ ファイアフォックス サファリ オペラ
サポート サポート サポート サポート サポート サポート