閱讀(36.4k) 書簽贊(3) 我要糾錯

CSS border-collapse 屬性

2022-06-02 14:54 更新

屬性定義及使用說明

border-collapse 屬性設(shè)置表格的邊框是否被合并為一個單一的邊框，還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示。

默認(rèn)值:	separate
繼承:	yes
版本:	CSS2
JavaScript 語法:	object object.style.borderCollapse="collapse"

為表格設(shè)置合并邊框模型：

table { border-collapse:collapse; }

Internet Explorer Firefox Opera Google Chrome Safari

所有主要瀏覽器都支持border - collapse屬性。

注意： 任何版本的Internet Explorer（包括IE9）支持屬性值"inherit"。

注意: border - collapse屬性,如果沒有指定!DOCTYPE，可能產(chǎn)生意想不到的效果。

值	說明
collapse	如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性
separate	默認(rèn)值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性
inherit	規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值