border-collapse【テーブル境界線の共有】

メモ

  • テーブル境界線の共有

構文 (※記述方法)

プロパティ値
border-collapse:    collapse【境界線を共有】
| separate【境界線を分離】

例

<style>
  .tbl { border:2px blue solid; width:25%; }
  .tbl td { border:2px red solid; }
</style>

<table class="tbl" style="border-collapse:collapse;">
  <caption>collapse【境界線を共有】</caption>
  <tr><td>セル<td>セル</tr>
  <tr><td>セル<td>セル</tr>
</table>

<table class="tbl" style="border-collapse:separate;">
  <caption>separate【境界線を分離】</caption>
  <tr><td>セル<td>セル</tr>
  <tr><td>セル<td>セル</tr>
</table>

collapse【境界線を共有】
セルセル
セルセル

separate【境界線を分離】
セルセル
セルセル

関連