CSS border-collapse 屬性
定義和用法
border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框，還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開(kāi)顯示。
| 默認(rèn)值： | separate |
|---|---|
| 繼承性： | yes |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.borderCollapse="collapse" |
瀏覽器支持
所有主流瀏覽器都支持 border-collapse 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
注釋：如果沒(méi)有規(guī)定 !DOCTYPE，則 border-collapse 可能產(chǎn)生意想不到的結(jié)果。
可能的值
| 值 | 描述 |
|---|---|
| separate | 默認(rèn)值。邊框會(huì)被分開(kāi)。不會(huì)忽略 border-spacing 和 empty-cells 屬性。 |
| collapse | 如果可能，邊框會(huì)合并為一個(gè)單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值。 |
TIY 實(shí)例
- 合并表格邊框
- 本例演示是否把表格邊框顯示為一條單獨(dú)的邊框，還是像標(biāo)準(zhǔn)的 HTML 中那樣分開(kāi)顯示。