Home | Top | Free Ajax Editor | JavaScript Editor JavaScript EditorGet Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

↑

border-collapse Attribute | borderCollapse Property

Sets or retrieves 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

HTML Scripting
{ border-collapse : sCollapse }
object . style.borderCollapse [ = 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.

The property is read/write for all objects except the following, for which it is read-only: currentStyle . The property has a default value of separate . The Cascading Style Sheets (CSS) attribute is not inherited.

Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see About Dynamic Properties .

Example

This example demonstrates how to use the border-collapse attribute and the borderCollapse 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. borderCollapse ='separate'" VALUE="separate">
<INPUT TYPE=button onclick="oTable.style. borderCollapse ='collapse'" VALUE="collapse">

Standards Information

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

Applies To

[ Object Name ] Platform Version
Win16:
Win32:
Unix:
Mac:
Windows CE:
 
currentStyle , runtimeStyle , style , TABLE
Home | Top | Free Ajax Editor | JavaScript Editor JavaScript EditorGet Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

→