انتقل إلى محتوى الدرس
فقرة فرعية #2 من درس: Offset Prosperities

offsetWidth

في هذا الدرس سوف نتعرف علي مجموعة من خصائص التي تسمي offset وتستخدم في ارجاع حجم المساحات الخارجية للعناصر باستخدام لغة ال java Script 

1 صفوف تعليمية
جافا سكريبت
2,800 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

offsetWidth : هي عبارة عن خاصية تستخدم في ارجاع قيمة عرض عنصر معين بقيمة البيكسل وهذه القيمة تتضمن معها قيمة كل من ال ( padding و border و scrollbar ) ولا تتضمن معها قيمة ال Margin 

 - يمكنك استخدام خاصية كل من " clientHeight " و "clientWidth " لأرجاع ارتفاع وعرض عنصر معين ولكن هذه القيمة تتضمن معها قيمة ال Padding فقط 


-offsetWidth= width + border + padding + vertical scrollbar  

HTML
element.offsetWidth

Example

HTML
var element = document.getElementById("GFG");

			var txt = "Width including padding and border: "
			+ element.offsetWidth + "px";

			document.getElementById("demo").innerHTML = txt;

جميع فقرات هذا الدرس (Offset Prosperities)