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

چاپ

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

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

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

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

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

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

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

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

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

شماره ای که در ستون 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