مثال
تعيين عرض ل <button> العنصر:
document.getElementById("myBtn").style.width = "300px"; انها محاولة لنفسك » تعريف والاستخدام
بتعيين خاصية العرض أو إرجاع عرض عنصر.
الخاصية العرض له تأثير فقط على العناصر على مستوى الكتلة أو على عناصر مع موقف المطلقة أو الثابتة. محتوى تفيض يمكن التلاعب بها مع الخاصية تجاوز.
نصيحة: استخدم الارتفاع الملكية لتعيين أو إعادة ارتفاع عنصر.
دعم المتصفح
ويدعم خاصية العرض في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات العرض:
object .style.width
تعيين الخاصية العرض:
object .style.width="auto| قيم الممتلكات القيمة وصف auto المتصفح يحدد العرض. هذا هو الافتراضي length يحدد عرض في وحدة طول % يحدد عرض في المائة من العنصر الأصلي initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: تلقاءي قيمة الإرجاع: سلسلة يمثلون عرض عنصر صفحة CSS CSS1
مزيد من الأمثلة
مثال
تغيير عرض ل <div> العنصر:
document.getElementById("myDIV").style.width = "500px";
انها محاولة لنفسك »
مثال
تغيير الطول والعرض ل <img> العنصر:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
انها محاولة لنفسك »
مثال
إعادة عرض ل <img> العنصر:
alert(document.getElementById("myImg").style.width);
انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS البعد
CSS التعليمي: نموذج CSS صندوق
CSS المرجع width property
<كائن نمط