| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS2 | 8 | 1 | 1 | 4 | 1 |
隣り合ったテーブルセルの枠線間の距離を指定します。値をひとつ指定した場合は上下左右の距離を、ふたつ指定した場合は左右の距離と、上下の距離を示します。border-collapse に separate が指定されている時のみ有効です。
| 値 | 説明 |
|---|---|
| <length> | セルの枠線間の距離を指定します。 |
.sample-separate {
border-collapse: separate;
border-spacing: 50px 10px;
border: 1px solid gray;
margin: 1em;
}
.sample-separate td {
border: 1px solid gray;
background-color: #cc9999;
width: 100px;
}
<table class="sample-separate"> <tr><td>AAA</td><td>BBB</td></tr> <tr><td>CCC</td><td>DDD</td></tr> </table>
| AAA | BBB |
| CCC | DDD |