CSS – حاشیه جداول (Table Borders)
Last Update:
ظاهر یک جدول HTML را میتوان با استفاده از CSS بهبود بخشید.
مرزبندی جداول
برای مشخص کردن مرزبندی جداول در CSS، از خاصیت border
استفاده کنید.
مثال:
table, th, td {
border: 1px solid;
}
در این مثال، برای تگهای <table>
, <th>
, و <td>
یک مرز ثابت مشخص شده است.
جدول با عرض کامل
اگر نیاز به جدولی دارید که به صورت کامل در عرض صفحه نمایش قرار گیرد، از خاصیت width: 100%
برای تگ <table>
استفاده کنید.
مثال:
table {
width: 100%;
}
حذف مرزهای دوتایی
در حالت عادی، جدولها دارای مرزهای دوتایی هستند، زیرا هم جدول و هم سلولهای آن مرز جداگانهای دارند. برای حذف این مرزهای دوتایی، از خاصیت border-collapse: collapse;
استفاده کنید.
مثال:
table {
border-collapse: collapse;
}
این خاصیت باعث میشود مرزهای جدول و سلولها در یکدیگر ادغام شده و به شکل یک مرز واحد نمایش داده شوند.
مرز فقط برای جدول
اگر فقط میخواهید یک مرز دور جدول قرار دهید و نیازی به مرزبندی سلولها ندارید، میتوانید فقط خاصیت border
را برای تگ <table>
تنظیم کنید.
مثال:
table {
border: 1px solid;
}
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام