[CSS] 테이블 스타일링

border-collapse 속성은 인접한 td들 간 또는
table과 td 간 테두리를 분리할지 또는 공유할지를 지정합니다.

border-spacing 속성은 border-collapse가
separate일 시 인접한 테두리들간의 간격을 지정합니다.
과거 테이블 태그의 cellspacing 속성을 대체합니다.

caption-side 속성으로는 테이블 캡션의 위치를
지정할 수 있습니다.

table-layout 속성은 표와 칸의 크기가 결정되는
알고리즘을 선택합니다.
테이블의 너비를 좁게, 또는 넓게 주고 결과를 비교해보세요.

colgroup 안의 col에 CSS 속성을 부여해서
n번째 칸들의 스타일을 지정할 수 있습니다.

 

테이블 관련 요소들의 display에는 각각의 역할에 맞는
특수한 내부 속성들이 기본적으로 부여됩니다.
👉 MDN 문서 참조

이 외에도 display 속성에는 이 강좌에서 직접 다루지 않은
다양한 값들이 있습니다.