e:I[50313,["1345","static/chunks/1345-9cce9003361149c3.js","1252","static/chunks/1252-ebd18985bba615a5.js","6457","static/chunks/app/post/%5Bid%5D/page-f10e08b3d78367ee.js"],"default"] f:T749,$$config title: [HTML/CSS] CSS - border-collapse / 표의 테두리와 셀의 테두리 사이의 간격 처리 방식 정하는 속성 keywords: - IT - HTML - CSS $$ # 개념 - border-collapse는 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 어떻게 처리할 지 정합니다. - 기본값 : separate - 상속 : Yes - 애니메이션 : No - 버전 : CSS Level 2 # 문법 ```css border-collapse: separate | collapse | initial | inherit ``` - separate : 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다. - collapse : 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다. - initial : 기본값으로 설정합니다. - inherit : 부모 요소의 속성값을 상속받습니다. # 예시 ```css CSS

Border Collapse - Separate

Lorem	Ipsum	Dolor
Lorem	Ipsum	Dolor

Border Collapse - Collapse

Lorem	Ipsum	Dolor
Lorem	Ipsum	Dolor

``` ![이미지](https://www.codingfactory.net/wp-content/uploads/css-border-collapse-

게시글 상세