CSS border-collapse 屬性
定義和用法
border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示。
| 默認值： | separate |
|---|---|
| 繼承性： | yes |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.borderCollapse="collapse" |
實例
為表格設置合并邊框模型：
table { border-collapse:collapse;} TIY
瀏覽器支持
所有主流瀏覽器都支持 border-collapse 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
注釋：如果沒有規定 !DOCTYPE，則 border-collapse 可能產生意想不到的結果。
可能的值
| 值 | 描述 |
|---|---|
| separate | 默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。 |
| collapse | 如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。 |
| inherit | 規定應該從父元素繼承 border-collapse 屬性的值。 |
TIY 實例
- 合并表格邊框
- 本例演示是否把表格邊框顯示為一條單獨的邊框，還是像標準的 HTML 中那樣分開顯示。
相關頁面
CSS 教程：CSS 表格
HTML DOM 參考手冊：borderCollapse 屬性
