border-collapse

設定值,該值指出表格的列或儲存格框線是否結合為單一框線,或如標準 HTML 一樣分離。

語法

{ border-collapse: sCollapse }

可能的值

sCollapse

指定或接收下列其中一個值的字串:

separate

預設值。框線會分離 (標準 HTML)。

collapse

相鄰的框線會摺疊為單一框線。

此屬性的預設值為 separate 。這不是繼承屬性。

範例

此範例示範如何使用 border-collapse 屬性來操作表格框線:

<table id=oTable style="border-collapse: collapse;">
<tr><td>EST</td><td>9:00 A.M.</td></tr>
<tr><td>CST</td><td>8:00 A.M.</td></tr>
<tr><td>PST</td><td>6:00 A.M.</td></tr>
</table>
<p>
<input type=button 
   onclick="oTable.style.border-collapse='separate'" 
   value ="separate">
<input type=button 
   onclick="oTable.style.border-collapse='collapse'" 
   value ="collapse">

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 2 (CSS2) Ee371284.xtlink_newWindow(zh-tw,Expression.40).png (英文) 中定義。

適用於

TABLE

另請參閱

概念

border