ویژگی 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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی