CSS border-spacing 屬性
定義和用法
border-spacing 屬性設置相鄰單元格的邊框間的距離(僅用于“邊框分離”模式)。
注釋:某些版本的IE瀏覽器不支持此屬性。
說明
該屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個長度值中,第一個是水平間隔,第二個是垂直間隔。除非 border-collapse 被設置為 separate,否則將忽略這個屬性。盡管這個屬性只應用于表,不過它可以由表中的所有元素繼承。
默認值: | not specified |
---|---|
繼承性: | yes |
版本: | CSS2 |
JavaScript 語法: | object.style.borderSpacing="15px" |
實例
為表格設置 border-spacing:
table { border-collapse:separate; border-spacing:10px 50px;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 border-spacing 屬性。
注釋:如果已規定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 border-spacing 屬性。
可能的值
值 | 描述 |
---|---|
length length | 規定相鄰單元的邊框之間的距離。使用 px、cm 等單位。不允許使用負值。 如果定義一個 length參數,那么定義的是水平和垂直間距。 如果定義兩個 length參數,那么第一個設置水平間距,而第二個設置垂直間距。 |
inherit | 規定應該從父元素繼承 border-spacing 屬性的值。 |
TIY 實例
- 設置表格邊框之間的空白
- 本例演示如何設置單元格邊框之間的距離。
相關頁面
CSS 教程:CSS 表格
HTML DOM 參考手冊:borderSpacing 屬性