프론트엔드 (Front-End)/CSS

<CSS> border-collapse 속성

xxvigrufv 2022. 10. 3. 15:19
반응형

border-collapse는 테이블 리스트의 테두리와 셀(td)의 테두리 사이의 간격 처리 방식을 정하는 속성이다. 

기본값 : separate
상속 : Yes
애니메이션 : No
버전 : CSS Level 2

border-collapse: separate | collapse | initial | inherit

*separate : 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둔다.
*collapse : 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 제거한다. 겹치는 부분은 한 줄로 나타낸다.
*initial : 기본값으로 설정한다.
*inherit : 부모 요소의 속성값을 상속받는다.

반응형

'프론트엔드 (Front-End) > CSS' 카테고리의 다른 글

<CSS> active, hover, press 차이  (0) 2023.11.08
<BootStrap> css 공백 주는 법  (0) 2022.09.26
[CSS] overflow 속성  (0) 2022.06.30