خصائص height CSS

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

تحدد خاصية الطول طول العنصر.

الشرح

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

سيتم تجاهل هذه الخاصية للعناصر غير البديلة الموجودة داخل النص.

انظر أيضًا:

دليل CSS التعليماتحجم CSS

دليل CSS التعليماتمقدمة إلى نموذج المربعات CSS

دليل CSSخاصية العرض

دليل HTML DOMخاصية الطول

مثال

ضبط طول العنصر والعرض:

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

تجربة شخصية

جملة CSS

height: auto|length|initial|inherit;

قيمة الخاصية

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

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

القيمة الافتراضية: auto
التوريث: لا
الإصدار: CSS1
جافا سكريبت الجملة: object.style.height="50px"

TIY مثال

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

دعم المتصفح

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

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