ویژگی clientLeft HTML DOM Element

تعریف و استفاده

clientLeft ویژگی پهنای لبه چپ عنصر را به واحد پیکسل برمی‌گرداند.

clientLeft ویژگی شامل پادروسیب داخلی چپ یا پادروسیب خارجی چپ عنصر نیست.

clientLeft ویژگی فقط خواندنی است.

نکته:ویژگی style.borderLeftWidthهمچنین پهنای لبه چپ عنصر را برمی‌گرداند.

لطفاً ببینید:آموزش مدل فریم CSS

لطفاً ببینید:

ویژگی clientTop

ویژگی clientWidth

ویژگی clientHeight

ویژگی offsetLeft

ویژگی offsetTop

مثال

مثال 1

نمایش پهنای لبه بالا و چپ myDIV:

const elmnt = document.getElementById("myDIV");
let text = "پهنای لبه بالا: " + elmnt.clientTop + "px<br>";
text += "پهنای لبه چپ: " + elmnt.clientLeft + "px";

خودتان امتحان کنید

مثال 2

در این مثال، متن "myDIV" از راست به چپ است و دارای نوار کششی است:

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

خودتان امتحان کنید

قوانین دستور زبان

element.clientLeft

مقدار بازگشتی

نوع توضیح
عدد پهنای لبه چپ عنصر، به واحد پیکسل.

پشتیبانی مرورگر

تمام مرورگرها پشتیبانی می‌کنند element.clientLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند پشتیبانی می‌کند