웹스터디

border-spacing

토픽 웹스터디 > CSS Dictionary

Summary

테이블 cell과 테두리와의 간격을 지정한다.

<길이> <길이>? | inherit
기본값 0
적용대상 'table'과 'inline-table' 엘레멘트들
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • 길이 : 인접한 셀의 테두리와의 간격을 지정

Tip

  1. 두개의 길이를 지정하면 수평축과 수직축의 간격을 지정한다.
  2. 한개의 길이를 지정하면 수평축과 수직축의 간격을 같게 지정한다.
  3. 다음과 같이 사용할 수 있다. [sample]
    table {
        border-collapse: separate;
        border-spacing: 1em 3em;
    }

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다