閱讀(29.8k) 書(shū)簽贊(0) 我要糾錯(cuò)

CSS border-spacing 屬性

2022-06-02 15:03 更新

實(shí)例

為表格設(shè)置 border-spacing：

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

親自試一試

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 border-spacing 屬性。

注釋：如果已規(guī)定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 border-spacing 屬性。

定義和用法

border-spacing 屬性設(shè)置相鄰單元格的邊框間的距離（僅用于“邊框分離”模式）。

注釋：某些版本的IE瀏覽器不支持此屬性。

說(shuō)明

該屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個(gè)長(zhǎng)度值中，第一個(gè)是水平間隔，第二個(gè)是垂直間隔。除非 border-collapse 被設(shè)置為 separate，否則將忽略這個(gè)屬性。盡管這個(gè)屬性只應(yīng)用于表，不過(guò)它可以由表中的所有元素繼承。

默認(rèn)值：	not specified
繼承性：	yes
版本：	CSS2
JavaScript 語(yǔ)法：	object.style.borderSpacing="15px"

可能的值

值	描述
length length	規(guī)定相鄰單元的邊框之間的距離。使用 px、cm 等單位。不允許使用負(fù)值。如果定義一個(gè) length 參數(shù)，那么定義的是水平和垂直間距。如果定義兩個(gè) length 參數(shù)，那么第一個(gè)設(shè)置水平間距，而第二個(gè)設(shè)置垂直間距。
inherit	規(guī)定應(yīng)該從父元素繼承 border-spacing 屬性的值。

值

描述

length length

規(guī)定相鄰單元的邊框之間的距離。使用 px、cm 等單位。不允許使用負(fù)值。

如果定義一個(gè) length 參數(shù)，那么定義的是水平和垂直間距。

如果定義兩個(gè) length 參數(shù)，那么第一個(gè)設(shè)置水平間距，而第二個(gè)設(shè)置垂直間距。

inherit

規(guī)定應(yīng)該從父元素繼承 border-spacing 屬性的值。

TIY 實(shí)例

設(shè)置表格邊框之間的空白: 本例演示如何設(shè)置單元格邊框之間的距離。