border-spacing - CSS（层叠样式表） 编辑

概述

border-spacing 属性指定相邻单元格边框之间的距离（只适用于 边框分离模式 ）。相当于 HTML 中的 cellspacing 属性，但是第二个可选的值可以用来设置不同于水平间距的垂直间距。

border-spacing 值也适用于表格的外层边框上，即表格的边框和第一行的、第一列的、最后一行的、最后一列的单元格之间的间距是由表格相应的（水平的或垂直的） 边框间距（border-spacing）和相应的（上，右，下或左）内边距之和。

该属性只适用于 border-collapse 值是 separate 的时候。

初始值	0
适用元素	table and inline-table elements
是否是继承属性	yes
适用媒体	visual
计算值	two absolute lengths
Animation type	discrete
正规顺序	the unique non-ambiguous order defined by the formal grammar

语法

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

/* horizontal <length> | vertical <length> */
border-spacing: 1cm 2em;

/* Global values */
border-spacing: inherit;
border-spacing: initial;
border-spacing: unset;

值

length

描述单元格之间的水平和垂直距离的一个 <length> 值。它只在单值语法下使用。

horizontal

描述相邻两列的单元格之间的水平距离的一个 <length> 值。它只在双值语法下使用。

vertical

描述相邻两行的单元格之间的垂直距离的一个 <length> 值。它只在双值语法下使用。

inherit

一个表示父元素的 border-spacing 的计算值的关键字，其父元素必须应用了 border-spacing 。

正式语法

<length> <length>?

示例

查看在线演示

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

规范

规范	状态	注释
CSS Level 2 (Revision 1) border-spacing	Recommendation	初始定义

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

特性	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
基础支持	1.0	1.0 (1.7 or earlier)	8.0	4.0	1.0 (85)

特性	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
基础支持	?	1.0 (1.9.2)	?	?	?