تنظیم طول و عرض عناصر در CSS

Wiki

خصوصیات مربوط به ابعاد در CSS به شما این امکان را می دهد تا عرض(width) و ارتفاع(height) یک عنصر را کنترل کنید.

مثال - خودتان امتحان کنید

Wiki

تنظیم ارتفاع عناصر
این مثال نشان می دهد که چگونه ارتفاع عناصر مختلف را تنظیم کنیم.

تنظیم ارتفاع یک عکس به درصد
این مثال نشان می دهد که چگونه ارتفاع یک عنصر را به درصد (%) تنظیم کنیم.

تنظیم عرض به پیکسل
این مثال نشان می دهد که چگونه عرض یک عنصر را به پیکسل تنظیم کنیم.

تنظیم حداکثر ارتفاع یک عنصر
این مثال نشان می دهد که چگونه حداکثر ارتفاع یک عنصر را تنظیم کنیم.

تنظیم حداکثر عرض یک عنصر به درصد
این مثال نشان می دهد که چگونه حداکثر عرض یک عنصر را به درصد (%) تنظیم کنیم.

تنظیم حداقل ارتفاع یک عنصر
این مثال نشان می دهد که چگونه حداقل ارتفاع یک عنصر را تنظیم کنیم.

تنظیم حداقل عرض یک عنصر به پیکسل
این مثال نشان می دهد که چگونه حداقل عرض یک عنصر را به پیکسل تنظیم کنیم.

کلیه خصوصیات مربوط به ابعاد

Wiki

شماره ای که در ستون css ذکر شده، نشان می دهد که خصوصیت مورد نظر در کدام نسخه CSS تعریف شده است.

خصوصیتتوضیحاتمقادیرCSS
height تنظیم ارتفاع یک عنصر auto
length
%
inherit		 1
max-height تنظیم حداکثر ارتفاع یک عنصر none
length
%
inherit		 2
max-width تنظیم حداکثر عرض یک عنصر none
length
%
inherit		 2
min-height تنظیم حداقل ارتفاع یک عنصر length
%
inherit		 2
min-width تنظیم حداقل عرض یک عنصر length
%
inherit		 2
width تنظیم عرض یک عنصر auto
length
%
inherit		 1