CSS border-collapse 屬性

定義和用法

border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示。

另請參閱：

CSS 教程：CSS 表格

HTML DOM 參考手冊：borderCollapse 屬性

實例

為表格設置合并邊框模型：

table
  {
  border-collapse:collapse;
  }

親自試一試

CSS 語法

border-collapse: separate|collapse|initial|inherit;

屬性值

值 描述
separate 默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。
collapse 如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。
inherit 規定應該從父元素繼承 border-collapse 屬性的值。

技術細節

默認值： separate
繼承性： yes
版本： CSS2
JavaScript 語法： object.style.borderCollapse="collapse"

更多實例

合并表格邊框
本例演示是否把表格邊框顯示為一條單獨的邊框，還是像標準的 HTML 中那樣分開顯示。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0