CSS 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" |
實(shí)例
為表格設(shè)置 border-spacing：
table { border-collapse:separate; border-spacing:10px 50px;} TIY
瀏覽器支持
所有主流瀏覽器都支持 border-spacing 屬性。
注釋：如果已規(guī)定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 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è)置單元格邊框之間的距離。
相關(guān)頁(yè)面
CSS 教程：CSS 表格
HTML DOM 參考手冊(cè)：borderSpacing 屬性
