07-5 표 스타일

CSS를 이용하면 표의 크기뿐만 아니라 테두리, 셀의 테두리, 여러 가지 여백 등의 표 스타일을 지정할 수 있음

 

>>> 표 제목의 위치를 정해 주는 caption-side 속성

표 제목은 <caption> 태그를 이용해 캡션으로 표시함

캡션은 기본적으로  표 위쪽에 표시되지만 caption-side 속성을 이용하면 표 아래쪽으로 옮길 수 있음

[기본형] caption-side: top | bottom

 

>>> 표에 테두리를 그려 주는 border 속성

 

>>> 셀 사이의 여백을 지정하는 border-spacing 속성

셀과 셀 사이의 여백을 조절할 수 있음

[기본형] border-spacing: 수평거리 수직거리

 

>>> 표와 셀 테두리를 합쳐 주는 border-collapse 속성