آموزش ویژگی حاشیه جدول در 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;
}

در این درس با ویژگی حاشیه جدول (Table Border) در CSS:

آشنا شدیم.

قبلی بعدی

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

احسان اسلامی