توسط height و width میتوانیم طول و عرض را برای هر تگ تغییر دهیم

height و width میتوانند مقادیر زیر را به عنوان مقادیر ورودی دریافت کنند:

• auto - مقدار پیش فرض که بر اساس مقدار خود مرورگر تنظیم میشود
• length -میتوانیم مقدار عددی px یا cm بدهیم مثلا 50px.
• % - میتوانیم درصد بدهیم که با تغییر مرورگر هم به یک اندازه نشان داده شود مثلا 20%
• initial - گرفتن مقدار پیش فرض
• inherit - گرفته شده از خصوصیت پدر یعنی هر اندازه ای که تگ پدر داشت به آن داده میشود

div {
  height: 200px;
  width: 50%;
  background-color: powderblue;
}

max-width

برای تعیین حداکثر اندازه یک تگ تعیین میشود

در مثال زیر برای تگ div ارتفاع 100pxو حداکثر طول 500pxتعیین میشود

div {
  max-width: 500px;
  height: 100px;
  background-color: powderblue;
}