閱讀(29.8k) 書簽贊(0) 我要糾錯

CSS border-spacing 屬性

2022-06-02 15:03 更新

實例

為表格設置 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 屬性設置相鄰單元格的邊框間的距離（僅用于“邊框分離”模式）。

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

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

默認值：	not specified
繼承性：	yes
版本：	CSS2
JavaScript 語法：	object.style.borderSpacing="15px"

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

值

描述

length length

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

如果定義一個 length 參數，那么定義的是水平和垂直間距。

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

inherit

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