border-spacing

The border-spacing property in CSS controls how far apart cells are in a <table> element (or an element that is made to be table-like via display: table;).

It takes any of the lengths of CSS. 

Notably, it only has any effect at all if the table is using the default border-collapse: separate; and has no effect at all when border-collapse: collapse; is set.

table {
  border-collapse: separate;

  border-spacing: 5px;
  border-spacing: 1vw;
  border-spacing: 2em;
}

Browser support

Related

Almanac on Feb 3, 2023

border

.element { border: 3px solid #f8a100; }

Sara Cope

Almanac on May 20, 2022

border-collapse

.element { border-collapse: separate; }

border-collapse borders

Sara Cope

Almanac on Dec 5, 2022

border-image

.element { border-image: url(border.png) 25 25 round; }

Marie Mosley

Almanac on Nov 17, 2022

border-spacing

.element { border-spacing: 5px; }

Chris Coyier