CSS border-spacing 속성

课程推荐：

定义和用法

border-spacing 속성은 근접한 셀의 경계선 간의 거리를 설정합니다（仅用于“边框分离”模式）。注释：

某些版本的IE浏览器不支持此属性。

说明

该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中，第一个是水平间隔，第二个是垂直间隔。除非 border-collapse 被设置为 separate，否则将忽略这个属性。尽管这个属性只应用于表，不过它可以由表中的所有元素继承。

另请参阅：CSS 테이블

CSS 가이드:HTML DOM 참조 가이드:

borderSpacing 속성

实例

테이블에 border-spacing 설정:
  table
  {
  border-collapse:separate;
  border-spacing:10px 50px;

}

亲自试一试

CSS 문법 lengthborder-spacing:

|initial|inherit;

属性值 值
설명

length length

邻近单元格的边框之间的距离规定。使用 px、cm 等单位。不允许使用负值。 length 한 개의 파라미터를 정의하면

두 개의 파라미터를 정의하면 수평 및 수직 간격을 정의합니다. length 파라미터를 설정하면 첫 번째 파라미터는 수평 간격을 설정하고 두 번째 파라미터는 수직 간격을 설정합니다.
inherit 부모 요소에서 border-spacing 속성 값을 계승해야 합니다.

기술 세부 사항

기본 값: not specified
계승성: yes
버전: CSS2
JavaScript 문법: object.style.borderSpacing="15px"

更多实例

테이블 경계선 간의 간격 설정
이 예제에서는 셀의 경계선 간의 거리를 설정하는 방법을 보여줍니다.

브라우저 지원

Chrome IE / Edge Firefox Safari 오페라
1.0 8.0 1.0 1.0 4.0