CSS / border-collapse > HTML/CSS

border-collapse: separate | collapse | initial | inherit


•separate : 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
•collapse : 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
•initial : 기본값으로 설정합니다.
•inherit : 부모 요소의 속성값을 상속받습니다.

속성값이 separate일 때, 간격의 크기는 border-spacing 속성으로 정합니다.


  table {
  width: 100%;
  border: 1px solid #333333;
  }
  td {
  padding: 10px;
  border: 1px solid #333333;
  border-collapse: collapse;
  }

[이 게시물은 관리자님에 의해 2021-12-31 23:19:19 CSS에서 이동 됨]