border-spacing
Sets spacing between table cells. Only works with border-collapse: separate.
Class List
Use bs prefix with a unit.
| Class | CSS | Description |
|---|---|---|
bs4px | border-spacing: 4px | 4px spacing |
bs8px | border-spacing: 8px | 8px spacing |
bs16px | border-spacing: 16px | 16px spacing |
bs2rem | border-spacing: 2rem | 20px spacing (2rem) |
Usage Examples
<!-- Table cell gap -->
<table class="bcs bs8px">
<tr>
<td class="bg18181B p16px">Cell 1</td>
<td class="bg18181B p16px">Cell 2</td>
</tr>
<tr>
<td class="bg18181B p16px">Cell 3</td>
<td class="bg18181B p16px">Cell 4</td>
</tr>
</table>Note
bs prefix overlap
bs prefix shared by border-spacing and box-shadow. With units like bs8px, interpreted as border-spacing.