خصوصیت element.clientLeft
مثال (خصوصیت element.clientLeft)
به دست آوردن عرض border بالا و همچنین سمت چپ از یک عنصر <div>:
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
خروجی txt در کد بالا:
Border left width: 10px
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
خصوصیت clientLeft، عرض border سمت چپ از یک عنصر را به واحد پیکسل برمی گرداند.
این خصوصیت، شامل padding سمت چپ یا margin سمت چپ از عنصر مورد نظر نمی باشد.
نکته: شما همچنین می توانید از خصوصیت style.borderLeftWidth برای برگرداندن عرض border سمت چپ یک عنصر استفاده کنید.
نکته: برای مرورگرهای Chrome و Firefox و opera در ویندوز، در صورتی که عنصر مورد نظر یک اسکرول بار(ست شده با خصوصیت CSS overflow) باشد و در صورتی که جهت متن عنصر مورد نظر از راست به چپ باشد(ست شده با خصوصیت سی اس اسdirection) ، این خصوصیت شامل عرض اسکرول بار عمودی به همراه عرض border سمت چپ می باشد. اما در IE این خصوصیت این خصوصیت 0را برمی گرداند. در Mac OS استفاده استفاده از سافاری و کروم و فایرفاکس و اپرا باعث برگردانده شدن تنها، عرض border سمت جپ می شود.
نکته: برای برگرداندن عرض border بالایی یک عنصر، می توانید از خصوصیت clientTop استفاده کنید.
نکته: این خصوصیت فقط خواندنی است.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| clientLeft | بله | بله | بله | بله | بله |
نحوه استفاده
جزئیات تکنیکی
| مقدار برگشتی |
یک عدد که مشخص کننده ی عرض border سمت چپ یک عنصر در واحد پیکسل می باشد. |
|---|
مثال - خودتان امتحان کنید
مثال (خصوصیت element.clientLeft)
در این مثال، جهت متن عنصر <div> از راست به چپ است و دارای یک اسکرول بار می باشد:
خودتان امتحان کنید »
کلیه توابع و خصوصیت های شیء Element در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 4859
