HTML DOMclientLeftプロパティ
例
<div>要素の上下の境界線の幅を取得します。
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
clientLeftプロパティは、要素の左境界線の幅をピクセル単位で返します。
このプロパティには、要素の左パディングまたは左マージンは含まれません。
ヒント:style.borderLeftWidthプロパティを使用して 、要素の左境界線の幅を返すこともできます。
注: Chrome、Firefox、およびWindows上のOperaの場合、要素に スクロールバー(CSS オーバーフロープロパティで設定)があり、その要素のテキスト方向が右から左(CSS方向プロパティで設定)の場合、これはプロパティには、垂直スクロールバーの幅と左側の境界線の幅が含まれます。ただし、IEでは「0」を返します。Mac OSでは、Safari、Chrome、Firefox、またはOperaを使用して、左の境界線の幅のみを返します。
ヒント:要素の上枠の幅を返すには、clientTopプロパティを使用します。
このプロパティは読み取り専用です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
構文
element.clientLeft
技術的な詳細
戻り値: | 要素の左境界線の幅をピクセル単位で表す数値。 |
---|
その他の例
例
この例では、<div>のテキストの方向は右から左で、スクロールバーがあります。
var left = document.getElementById("myDIV").clientLeft;