border-spacing

요약

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

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

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

구문

/* 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; }

스펙

브라우저 호환성