[HTML] <table> 관련

<table> 순서

1. <caption> - 선택해서 사용
2. <colgroup>  - 0개 이상
3. <thead>  - 선택해서 사용
4. 다음 중 하나
   • <tbody>  - 0개 이상(없으면 브라우저에서 자동 생성)
   • <tr>  - 0개 이상(없으면 브라우저에서 자동 생성)
5. <tfoot>  - 선택해서 사용

---

<table> 관련 CSS 속성

• <table>의 display: table은 inline-block과 비슷하다.
• overflow 속성이 적용되지 않는다.

---

border-collapse

border-collapse: separate(기본값) | collapse

표 테두리(border)가 분리(separated) 또는 상쇄(collapsed)될 지를 결정한다. 분리 모델에서는, 인접한 셀은 각각 자신의 고유(distinct) 테두리가 있고 상쇄 모델에서는, 인접한 표 셀은 테두리를 공유한다.

---

border-spacing

인접한 표 칸의 테두리 간격을 지정한다.

border-collapse: separate(기본값)여야 적용된다.

좌 border-spacing: 0 / 우 border-spacing: 16px