border-spacing

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费积分!

CSS 中的 border-spacing 属性控制 <table> 元素(或通过 display: table; 设置为表格样式的元素)中单元格之间的距离。

它接受任何 CSS 长度

值得注意的是,只有当表格使用默认的 border-collapse: separate; 时,此属性才起作用,并且当设置了 border-collapse: collapse; 时,它根本不起作用。

table {
  border-collapse: separate;

  border-spacing: 5px;
  border-spacing: 1vw;
  border-spacing: 2em;
}

浏览器支持

ChromeSafariFirefoxOperaIEAndroidiOS
全部全部全部全部全部全部全部