СВОЙСТВО BORDER-SPACING
Свойство border-spacing устанавливает расстояние между рамками соседних ячеек. Это свойство работает только когда у свойста border-collapse установлено значение separate.
Поддержка браузеров
Синтаксис
border-spacing: единицы измерения|initial|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| единицы измерения | Определяет расстояние между рамками соседних ячеек в единицах измерения. Если указано одно значение, оно определяет горизонтальное и вертикальное расстояние между ячейками. Если указаны два значения, первое определяет расстояние по горизонтали, а второе по вертикали. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<table class="table-1">
<tbody>
<tr>
<td> 1 </td>
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
<td> 4 </td>
</tr>
</tbody>
</table>
HTML
table,
table td{
border: 1px solid black
}
table {
margin-bottom: 15px;
border-spacing: 15px 10px
}
td {
padding: 5px 10px
}
CSS