/

HTML / CSS / JavaScript Tutorial

CSS Property: border-collapse

[this page | pdf | back links]

The CSS (CSS2) border-collapse property indicates whether table borders are collapsed into a single border or detached as in standard HTML. Note if a !DOCTYPE is not specified then the border-collapse property can produce unexpected results.

 

Valid property values (other than inherit and initial) are:

 

Value

Description

collapse

Borders are collapsed into a single border where possible (ignoring border-spacing and empty-cells properties)

separate

(default value). Borders are detached, and border-spacing and empty-cells properties have some meaning

 

Default Value:

separate

JavaScript syntax:

e.g. object.style.borderCollapse="collapse"

Inherited:

Yes

Animatable:

No

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile