border-spacing

요약

border-spacing CSS 속성(property)은 인접한 표 셀의 테두리 간 간격을 지정합니다 (분리 테두리 모델만을 위한). 이는 프리젠테이션 HTML에서 cellspacing attribute에 해당하지만 선택 사항인 두 번째 값은 서로 다른 가로 및 세로 간격을 설정하는데 사용될 수 있습니다.

border-spacing 값은 표의 외부 경계(edge)를 따라 사용되기도 합니다, 표 테두리와 첫/끝 열 또는 행의 셀 간 간격이 관련 (가로 또는 세로) border-spacing과 표의 관련 (상, 우, 하 또는 좌) 패딩(padding)의 합인.

이 속성은 border-collapseseparate인 경우에만 적용합니다.

초기값0
적용대상table and inline-table elements
상속yes
Mediavisual
Computed valuetwo absolute lengths
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

구문

/* border-spacing: length */
border-spacing: 2px;

/* border-spacing: horizontal vertical */
border-spacing: 1% 2em;

border-spacing: inherit;

length
셀 간 가로 및 세로 간격을 기술하는 <length> 값입니다. 1값 구문에서만 쓰입니다.
horizontal
셀 간 가로 간격을 기술하는 <length> 값, 즉 인접한 셀 열 사이의 공간입니다. 2값 구문에서만 쓰입니다.
vertical
셀 간 세로 간격을 기술하는 <length> 값, 즉 인접한 셀 행 사이의 공간입니다. 2값 구문에서만 쓰입니다.
inherit
부모 요소 border-spacing의 계산값이 사용되어야 함을 나타내는 키워드입니다.

형식 구문

<length> <length>?

실제 예제 보기

table { border-spacing: 10px 5px; }

스펙

스펙 상태 설명
CSS Level 2 (Revision 1)
The definition of 'border-spacing' in that specification.
Recommendation 초기 정의

브라우저 호환성

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 or earlier) 8.0 4.0 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? 1.0 (1.9.2) ? ? ?

문서 태그 및 공헌자

 이 페이지의 공헌자: Netaras
 최종 변경: Netaras,