ویژگی حاشیه جدول در CSS

قبلی بعدی

ویژگی table-border در CSS

از ویژگی border، برای ایجاد حاشیه جدول استفاده می کنیم.

نکته: برای آشنایی با border به آموزش ویژگی حاشیه در CSS مراجعه کنید.

در نمونه کد زیر ویژگی حاشیه روی تگ table - th - td اعمال شده است.

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

table, th, td {
    border: solid 1px black;
}

اگر بخواهید جدول تمام صفحه داشته باشیم، باید عرض تگ table را 100% کنیم.

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

table {
    width: 100%;
}

ویژگی border-collapse می تواند حاشیه دوتایی جدول را به یک حاشیه تبدیل کند. (جدول زیر را با جدول بالا مقایسه کنید)

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

table {
    border-collapse: collapse;
}

قبلی بعدی

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

احسان اسلامی