CSS 參考手冊

CSS @規(guī)則(RULES)

border-collapse CSS屬性指定表的單元格邊框是折疊成單個邊框還是正常分隔。

有兩種不同的模型，可以在CSS的表格單元格上設(shè)置邊框。

在此模型中，每個表格單元格都有單獨(dú)的邊框。

border-spacing屬性給定的相鄰單元格的邊界之間的距離。

注意：在分隔的邊框模型中，只有單元格（和表格本身）可以帶有邊框；行，列，行組和列組不能。

在折疊邊框模型中，相鄰的表格單元格共享邊框。

注意：在折疊邊框模型中，可以指定包圍單元格，行，行組，列和列組的全部或部分的邊框。

border-collapse屬性選擇表格的邊框模型。該值separate選擇分隔的邊框模型。該值collapse選擇折疊的邊框模型。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：	分離
適用于：	該表和直列表元素
繼承：	是
可動畫制作：	否。請參見動畫屬性。
版本：	CSS 2、3
JavaScript語法：	object object.style.borderCollapse="collapse"

該屬性的語法如下：

border-collapse: separate | collapse | initial | inherit

下面的示例演示了如何使用border-collapse屬性。

示例

  table {
   border-collapse: collapse;
  }
  th, td {
   border: 1px solid black;
  }

下表描述了此屬性的值。

值	描述
separate	選擇分隔的邊框模型。這是默認(rèn)值。
collapse	選擇折疊邊框模型。border-spacing和empty-cells屬性將被忽略。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素border-collapse屬性值。

border-collapse屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號；所有主流瀏覽器均支持該屬性。

	Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1.2+ Opera 4+

警告： 使用border-collapse屬性時，請始終使用有效的<!DOCTYPE>，否則可能會產(chǎn)生意外的結(jié)果。