borderCollapse property

Article
05/02/2017

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

Syntax

Integer value = object.put_borderCollapse(BSTR v);Integer value = object.get_borderCollapse(BSTR* sCollapse);

Property values

Type: BSTR

separate (separate)

Initial value. Borders are detached (standard HTML).

collapse (collapse)

Borders are collapsed, where adjacent, into a single border.

String format

collapse | separate | inherit

CSS information

Applies To	table and inline-table elements
Media	visual
Inherited	true
Initial Value	separate

Standards information

CSS 2.1, Section 17.6

Examples

This example demonstrates how to use the IHTMLRuleStyle2::borderCollapse CSS property and the IHTMLRuleStyle2::borderCollapse scripting property to manipulate the border on a table.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/borderCollapse.htm

<table id="oID_1" 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="oID_1.style.borderCollapse='separate'" value="separate">
  <input type="button" onclick="oID_1.style.borderCollapse='collapse'" value="collapse">

Requirements

Minimum supported client	Windows XP
Minimum supported server	Windows Server 2003
Header	Mshtml.h
IDL	Mshtml.idl
DLL	Mshtml.dll

Partager via