لبه های جدول(Border)
از خصوصیت border برای مشخص کردن لبه های جدول استفاده می شود.
همان طور که می دانید برای ساخت جدول در HTML از تگ <table> استفاده می گردد. به عنوان مثال جدول بالا به صورت زیر خواهد بود:
<table>
<tr>
<th>...</th>
<th>...</th>
<th>...</th>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
...
...
</table>
در مثال زیر برای عناصر table و th و td خصوصیت border تنظیم شده است:
توجه داشته باشید که جدول مثال بالا دو لبه خواهد داشت. این به خاطر این است که هم برای table و هم برای th/td به صورت جداگانه border تنظیم شده است.
اگر می خواهید فقط یک لبه داشته باشید از خاصیت border-collapse استفاده کنید.
