انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 49
دورة لغة CSS

خاصية height للتحكم في طول العناصر في لغة CSSCSS Height

ستتعلم في هذا الدرس التحكم في طول عناصر HTML بأستخدام خاصية height, كما يمكن إعادة ضبط طول العناصر في لغة CSS.

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
5
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,754
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

CSS Heigh طول العناصر في لغة CSS

تستخدم خاصية height في ضبط + التحكم في طول عناصر HTML علي المتُصفح بلغة CSS, يكون طول العنصر في الوضع الإفتراضي بطول المحتوي الداخلي.


قيم خاصية height في لغة CSS:

  • auto المتصفح يقوم بضبط طول العنصر تلقائي علي حسب حجم المحتوي, وهي القيمة الأفتراضية.
  • length ضبط الطول بوحدات مختلفة مثل px,cm,em,rem.
  • percentage ضبط الطول بالنسبة المئوية % علي حسب العنصر الأب parent.

CSS height syntax

طريقة كتابة خاصية height في لغة CSS.

HTML 
height:value;

CSS height values

قيم خاصية height في لغة CSS.

HTML 
height:auto|length|percentage|initial|inherit;

CSS height auto خاصية height مع القيمة auto في لغة CSS

يتم إحتساب طول العنصر بواسطة المتصفح تلقائياً مع إضافة خاصية height مع القيمة auto في لغة CSS.
جرّب بنفسك

CSS height auto

خاصية height والقيمة auto في لغة CSS.

HTML 
p 
{
  height: auto;
  border: 1px solid red;
}
جرّب بنفسك

CSS height length خاصية height مع القيمة length في لغة CSS

يتم إحتساب طول العنصر بوحدات مختلفة مثل pixel البيكسل مع إضافة خاصية height مع القيمة length في لغة CSS.
جرّب بنفسك

CSS height length

خاصية height والقيمة length في لغة CSS.

HTML 
p 
{
  height:100px;
  border: 1px solid red;
}
جرّب بنفسك

CSS height percentage خاصية height مع القيمة percentage في لغة CSS

يتم إحتساب طول العنصر بالنسبة المئوية مع إضافة خاصية height مع القيمة percentage % في لغة CSS.
جرّب بنفسك

CSS height percentage

خاصية height والقيمة percentage في لغة CSS.

HTML 
p 
{
  height:50%;
  border: 1px solid red;
}
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…