border-spacing
테이블 셀 사이의 간격을 설정합니다. border-collapse: separate 상태에서만 동작합니다.
클래스 목록
bs 프리픽스에 단위를 붙여 사용합니다.
| 클래스 | CSS | 설명 |
|---|---|---|
bs4px | border-spacing: 4px | 4px 간격 |
bs8px | border-spacing: 8px | 8px 간격 |
bs16px | border-spacing: 16px | 16px 간격 |
bs2rem | border-spacing: 2rem | 20px 간격 (2rem) |
사용 예시
<!-- 테이블 셀 간격 -->
<table class="bcs bs8px">
<tr>
<td class="bg18181B p16px">셀 1</td>
<td class="bg18181B p16px">셀 2</td>
</tr>
<tr>
<td class="bg18181B p16px">셀 3</td>
<td class="bg18181B p16px">셀 4</td>
</tr>
</table>참고
bs 프리픽스 중복
bs 프리픽스는 border-spacing과 box-shadow 패턴에서 공유됩니다. 문맥에 따라 구분하며, 단위가 있는 bs8px, bs1rem 등은 border-spacing으로 해석됩니다.