CSS border-collapse 屬性
實例
為表格設置合併邊框模型:
table
{
border-collapse:collapse;
}
屬性定義及使用說明
border-collapse 屬性設置表格的邊框是否被合併為一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示。
默認值: | separate |
---|---|
繼承: | yes |
版本: | CSS2 |
JavaScript 語法: | object object.style.borderCollapse="collapse" |
流覽器支持
所有主流流覽器都支持 border-collapse屬性。
注意: 任何版本的Internet Explorer(包括IE9)支持屬性值"inherit"。
注意: border - collapse屬性,如果沒有指定!DOCTYPE,可能產生意想不到的效果。
屬性值
值 | 說明 |
---|---|
collapse | 如果可能,邊框會合並為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性 |
separate | 默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性 |
inherit | 規定應該從父元素繼承 border-collapse 屬性的值 |
相關文章
CSS 教學: CSS Table