border-spacing

정의 및 사용

border-spacing 속성은 테이블에서 인접한 셀의 테두리 사이의 간격을 지정한다. 테두리 사이의 간격을 지정하는 것이므로 border-collapse 속성이 separate 일 때 적용 가능하다.

정의 및 사용
기본값 정의되지 않음
상속 yes
버전 CSS2
자바스크립트 구문 object.style.borderSpacing=”15px”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
length length 인접한 셀의 테두리끼리의 간격을 px, cm 단위로 지정하며 음수값은 허용되지 않는다.
– length 가 하나일 때 수직 수평 모두 동일하게 지정
– length 가 두 개일 때 앞의 값은 수평, 뒤의 값은 수직
inherit 지정 요소의 테이블 테두리 간격 속성을 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

  • 양태호

    2013년 1월 11일, 1:35 오전

    [답변]

    ㅎㅎㅎ 예제구문에
    table { border-collapse:collapse; border-spacing:10px 15px; }
    여기에서 collapse 를 separate 로 바꿔주면 좋지 않을까 싶네요 ㅎㅎㅎㅎ

    정말 도움되는 내용이 깔끔하게 정리되어 있네요 ㅎㅎ

댓글