CSS | border-spacing, border-collapse

2023. 1. 2. 11:06·HTML,CSS

border-spacing

표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 정합니다.

기본 값 : 2px

오른쪽 : border-spacing : 0

border-collapse

https://www.codingfactory.net/10616 

표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 어떻게 처리할 지 정합니다.

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

'HTML,CSS' 카테고리의 다른 글

VSCODE | CSS - flex  (0) 2022.12.27
VSCODE | HTML  (0) 2022.12.13
'HTML,CSS' 카테고리의 다른 글
  • VSCODE | CSS - flex
  • VSCODE | HTML
개발 공부
개발 공부
  • 개발 공부
    개발 공부
    개발 공부
  • 전체
    오늘
    어제
    • 전체보기 (163)
      • 프로젝트 (1)
      • JavaScript (46)
      • Node.js (3)
      • Next.js (5)
      • React (17)
      • NoSQL (0)
      • HTML,CSS (3)
      • CS (6)
      • Java (35)
      • Spring (6)
        • Spring의 정석 (1)
      • Spring boot (1)
      • MySQL (1)
      • 리눅스 (16)
      • JSP (9)
      • AWS (0)
      • git (2)
      • 알고리즘 (1)
      • ect (7)
      • Project (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    자바
    Java
    티스토리챌린지
    자바의 정석
    Java의 정석
    오블완
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
개발 공부
CSS | border-spacing, border-collapse
상단으로

티스토리툴바