التوصيات التعليمية:

خصائص عرض الـ width Style

خصائص عرض الـ width تعريف والاستخدام

خصائص عرض الـ width الخصائص تعمل فقط على العناصر الحجومية أو العناصر التي لها تحديد أو تحديد ثابت. خصائص التدفق الزائد لمعالجة.

إشارة:استخدم خصائص طول الـ height إعداد أو العودة إلى طول العنصر.

يرجى الرجوع أيضًا إلى:

دليل CSS التعليمي:قياس CSS

دليل CSS التعليمي:نموذج الصندوق CSS

دليل CSSخصائص عرض الـ width

مثال

مثال 1

إعداد عرض العنصر <button>:

document.getElementById("myBtn").style.width = "300px";

جرب بنفسك

مثال 2

تغيير عرض العنصر <div>:

document.getElementById("myDIV").style.width = "500px";

جرب بنفسك

مثال 3

تغيير عرض وارتفاع العنصر <img>:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

جرب بنفسك

مثال 4

العودة إلى عرض العنصر <img>:

alert(document.getElementById("myImg").style.width);

جرب بنفسك

النحو

العودة إلى خصائص عرض الـ width:

الجسم.style.width

إعداد خصائص عرض الـ width:

الجسم.style.width = "القيمة التلقائية|"length|%|القيمة الافتراضية|التوريث"

قيمة الخصائص

القيمة الوصف
القيمة التلقائية إعداد عرض المتصفح. افتراضي.
length تحديد العرض، بمقياس الوحدة الطولية.
% تحديد عرض العنصر الأم، بمقياس النسبة المئوية.
القيمة الافتراضية أعط هذا الخصائص قيمته الافتراضية. يرجى الرجوع إلى القيمة الافتراضية.
التوريث يورث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى التوريث.

تفاصيل التقنية

القيمة الافتراضية: القيمة التلقائية
القيمة الم返回ة: السلسلة، تمثل عرض العنصر.
إصدار CSS: CSS1

الدعم عن طريق المتصفح

كروم إيدج فايرفوكس Safari Opera
كروم إيدج فايرفوكس Safari Opera
الدعم الدعم الدعم الدعم الدعم