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 語法

border-spacing: length|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 Opera
1.0 8.0 1.0 1.0 4.0