آموزش اندازه جدول ها در CSS | آموزش کامل + نمونه کد

قبلی بعدی

اندازه جدول در CSS

برای تعیین اندازه جدول در CSS، از ویژگی width و height استفاده می کنیم.

برای تغییر عرض و ارتفاع می توانیم از ویژگی width و height برای تگ های table - th - td استفاده کنیم.

#	نام	نام خانوادگی	سن
1	احسان	اسلامی	31
2	امیر	پاشایی	27

table {
    width: 100%;
}
th {
    height: 50px;
}
td {
    height: 30px;
}

نکته: برای تنظیم مقادیر width و height معمولا از واحدهای px - % استفاده می کنیم.

نکته: برای کسب اطلاعات بیشتر، در رابطه با عرض و ارتفاع، به آموزش ویژگی width و height در CSS مراجعه کنید.

برای ایجاد یک جدول تمام صفحه، باید از width: 100% برای تگ table استفاده کنیم.

#	نام	نام خانوادگی	سن
1	احسان	اسلامی	31
2	امیر	پاشایی	27

table {
    width: 100%;
}

در این درس با ویژگی اندازه جدول (Table Size) در CSS:

آشنا شدیم.

قبلی بعدی

توسعه دهندگان

احسان اسلامی