height/width

شرح خاصية height/width

خاصية height و width في CSS تستخدم لتعيين ارتفاع وعرض العناصر المختلفة في صفحة الويب. يتم استخدام هذه الخاصية بشكل شائع مع عناصر HTML مثل الصور والفيديو وعناصر النص وغيرها من العناصر التي تحتاج إلى تحديد الحجم.

يمكن تعيين القيمة لـ height و width في CSS باستخدام وحدات القياس المختلفة مثل البكسل، النسبة المئوية، الإنش، والسنتيمتر، ويمكن استخدام القيم الثابتة أيضًا.

الامثلة:

• لتعيين عرض عنصر HTML إلى 200 بكسل، يمكن استخدام الشفرة التالية:

div {
  width: 200px;
}

• لتعيين ارتفاع عنصر HTML إلى 50٪ من عرض الشاشة، يمكن استخدام الشفرة التالية:

div {
  height: 50%;
  width: 100%;
}

• لتعيين عرض وارتفاع الصورة إلى 300 بكسل، يمكن استخدام الشفرة التالية:

img {
  height: 300px;
  width: 300px;
}