خصوصیت element.clientTop
مثال (خصوصیت element.clientTop)
به دست آوردن عرض border بالایی و عرض border سمت چپ از یک عنصر <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
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
Border left width: 10px
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
خصوصیت clientTop عرض border بالایی از یک عنصر را به واحد پیکسل برمی گرداند.
این خصوصیت شامل padding بالایی و margin بالایی از عنصر مورد نظر نمی شود.
نکته: شما همچنین می توانید از خصوصیت style.borderTopWidth برای برگرداندن عرض border بالایی یک عنصر، استفاده کنید.
نکته: برای برگرداندن عرض border سمت چپ از یک عنصر، می توانید از خصوصیت clientLeft استفاده کنید.
نکته: این خصوصیت فقط خواندنی می باشد.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| clientTop | بله | بله | بله | بله | بله |
نحوه استفاده
element.clientTop
جزئیات تکنیکی
| مقدار برگشتی |
یک عدد که مشخص کننده ی عرض border بالایی یک عنصر در واحد پیکسل می باشد. |
|---|
کلیه توابع و خصوصیت های شیء Element در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5432
