CSS Height and Width

إعداد الارتفاع والعرض
يتم استخدام خصائص الارتفاع والعرض لضبط ارتفاع وعرض عنصر ما.
يمكن تعيين الارتفاع والعرض  بصفه افتراضيه 

( يعني أن المتصفح يحسب الارتفاع والعرض )،

 و يتم تحديد الوحدات التى يقاس بها، مثل بكسل أو سم أو نسبه مئويه  (٪) من الكتلة المحتوية  .

  لنســـخ الكود   selct all    ثم       ctrl + c

ملاحظة:

 لا تتضمن خصائص الارتفاع والعرض 

height and width

الحشو أو الحدود أو الهوامش؛

padding, borders, or margins;

أنها تعيين ارتفاع / عرض المنطقة داخل الحشو، والحدود، وهامش العنصر!

تعيين الحد الأقصى للعرض  max-width
يتم استخدام الخاصية max-width لتعيين الحد الأقصى لعرض العنصر.
يمكن تحديد الحد الأقصى للعرض 

 بالوحدات التى يقاس بها، مثل بكسل أو سم أو نسبه مئويه  (٪) من الكتلة المحتوية  .

 أو تعيينها على لا شيء  و هذا هو الافتراضي، يعني عدم وجود حد اقصى للعرض او الارتفاع

  باستخدام خاصيه حد اقصى للعرض و الارتفاع  سيؤدي إلى تحسين معالجة المتصفح للنوافذ الصغيرة.

  لنســـخ الكود   selct all    ثم       ctrl + c

اخيرا . . . جميع خصائص الابعاد فى   CSS 

      All CSS Dimension Properties

للمزيد حول هذا الموضوع  من هنا