Style borderSpacing Property

Example

Set the space between cells in a table:

document.getElementById("myTable").style.borderSpacing = "20px";
Try it Yourself »

Description

The borderSpacing property sets or returns the space between cells in a table.

Note: This property has no effect if borderCollapse is set to collapse.


Browser Support

Property
borderSpacing Yes 9.0 Yes Yes Yes

Syntax

Return the borderSpacing property:

object.style.borderSpacing

Set the borderSpacing property:

object.style.borderSpacing = "length length|initial|inherit"

Property Values

Value Description
length length Specifies the space between cells in length units. Negative values are not allowed. Default value is 0.
  • If one length value is specified, it specifies both the horizontal and vertical spacing
  • If two length values are specified, the first sets the horizontal spacing and the second sets the vertical spacing
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


Technical Details

Default Value: 0
Return Value: A String, representing the space between cells in a table
CSS Version CSS2

More Examples

Example

Return the space between cells in a table:

alert(document.getElementById("myTable").style.borderSpacing);
Try it Yourself »

Related Pages

CSS tutorial: CSS Table

CSS reference: border-spacing property


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.