例
幅取得<div>要素の上部と左の境界を：
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";TXTの結果は次のようになります。
Border top width: 15px
Border left width: 10px »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
clientLeftプロパティは、ピクセル単位で、要素の左ボーダーの幅を返します。
このプロパティは、要素の左パディングや左マージンが含まれていません。
ヒント：また、使用することができますstyle.borderLeftWidth要素の左境界線の幅を返すようにプロパティを。
要素は、 スクロールバーを持っている場合、Windows版Chrome、FirefoxとOperaのために、（CSSので設定します。注意 オーバーフロープロパティ）、およびその要素のテキストの方向は右から左の場合(set by the CSS direction property) 、これをプロパティは、一緒に左の境界線の幅と、垂直スクロールバーの幅を含んでいます。 IEでは、しかし、それは返す"0" Mac OSで、サファリ、クロム、FirefoxやOperaのを使用して、それが唯一の左の境界線の幅を返します。
ヒント：要素の上境界線の幅を返すには、使用のclientTopのプロパティを。
このプロパティは読み取り専用です。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| clientLeft | はい | はい | はい | はい | はい |
構文
element .clientLeft技術的な詳細
| 戻り値： | ピクセル単位で要素の左境界線の幅を表す数値、 |
|---|
その他の例
例
この例では、テキストの方向<div>右から左であり、それは、スクロールバーがあります。
var left = document.getElementById("myDIV").clientLeft; »それを自分で試してみてください