خصائص width CSS

التعريف والاستخدام

يحدد خاصية width عرض العنصر.

الشرح

يحدد هذا الخاصية عرض منطقة المحتوى للعنصر، حيث يمكن إضافة الهوامش والحواف وال边际 الخارجية في الخارج.

يُتجاهل هذا الخاصية في العناصر غير المعادلة النصية.

انظر أيضًا:

دليل CSSحجم CSS

دليل CSSمقدمة إلى نموذج الصندوق CSS

دليل CSSخاصية height

دليل HTML DOMخاصية width

مثال

ضبط طول وعرض الفقرة:

p
  {
  height:100px;
  width:100px;
  }

تجربة بنفسك

نحو CSS

width: تلقائي|القيمة|بدءية|وراثة;

قيمة الخاصية

القيمة الوصف
تلقائي القيمة الافتراضية. يمكن للمتصفح حساب العرض الفعلي.
طول استخدام وحدات مثل px،cm لتحديد العرض.
% يحدد عرض النسبة المئوية بناءً على عرض المضمون (العنصر الأم).
وراثة يحدد هذا الخاصية أن يتم استيراد قيمة width من العنصر الأم.

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

القيمة الافتراضية: تلقائي
الوراثة: لا
الإصدار: CSS1
جافا سكريبت نحو: عنصر.style.width="50px"

TIY مثال

استخدام قيمة البكسل لضبط عرض العنصر
هذا المثال يوضح كيفية استخدام قيمة البكسل لضبط عرض العنصر.
استخدام النسبة المئوية لضبط عرض العنصر
هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط عرض العنصر.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5