This topic has not yet been rated - Rate this topic

border-collapse

Expression Studio 3.0

Expression Studio 4.0

Sets a value that indicates whether the row and cell borders of a table are joined in a single border or detached as in standard HTML.

Syntax

{ border-collapse: sCollapse }

Possible values

sCollapse

String that specifies or receives one of the following values:

separate	Default. Borders are detached (standard HTML).
collapse	Borders are collapsed, where adjacent, into a single border.

This property has a default value of separate. It is not inherited.

Example

This example demonstrates how to use the border-collapse property to manipulate the border on a table:

<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">

Standards information

This property is defined in Cascading Style Sheets (CSS), Level 2 (CSS2).

Applies to

TABLE

Concepts

border

Did you find this helpful? Yes No

Not accurate

Not enough depth

Need more code examples

(1500 characters remaining)

Community Additions

ADD