Scholar Repository
Home>Manual>CSS Border-collapse Property

CSS Border-collapse Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS border-collapse Property


CSS Reference Complete CSS Reference


Definition

The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.borderCollapse="collapse"

In our HTML DOM tutorial you can find more details about the borderCollapse property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

table 
{
border-collapse: separate
}

Possible Values

Value Description
separate Borders are detached
collapse Default. Borders are collapsed into a single border when possible

 


Try-It-Yourself Demos

Collapse a table border
This example demonstrates how to collapse and separate a table border.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Border-collapse Property