閱讀(4.1k) 書簽贊(0) 我要糾錯(cuò)

CSS border-collapse 屬性

2018-08-04 21:48 更新

實(shí)例

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

table
{
border-collapse:collapse;
}

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

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

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

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

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

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