border-collapse(ボーダー・コラプス)について
テーブルのセル境界線の重なり方(隙間の有無)を設定するプロパティです。
border-collapseのブラウザ表示例
- ■CSS記述
.sample1 { border-collapse:collapse; border:1px solid #333; }
.sample1 td { border:1px solid #333; }- ■XHTML記述
<table class="sample1">
<tr>
<td>サンプル</td>
<td>サンプル</td>
</tr>
</table>
| サンプル | サンプル |
border-collapse(ボーダー・コラプス)の設定方法
border-collapse: (値);
border-collapse(ボーダー・コラプス)の値
- collapse
- セルの境界線を重ねて表示します。要するにスペース(隙間)を無くします。
- separate
- こちらは逆にセルの境界線を離して表示します。詳しくはborder-spacingをご覧下さい。
