Style borderSpacing Property

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP







<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->




Style borderSpacing Property


❮ Style Object



Example


Set the space between cells in a table:



document.getElementById("myTable").style.borderSpacing = "20px";

Try it Yourself »


Definition and Usage



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




<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
-->




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




❮ Style Object