border-spacing

La propiedad de espaciado de borde especifica la distancia entre los bordes de celdas adyacentes (sólo para el modelo de separación de borde). Es el equivalente al atributo cellspacing en HTML.

• Valor inicial: 0
• Se aplica a: tablas y elementos con la propiedad inline-table
• Valor heredado: sí
• Medio: visual
• Valor calculado: dos largos absolutos.

border-spacing: <length> | <length> <length> | inherit

• <length> : un largo a utilizar para el espaciado horizontal y vertical.
• <length> <length> : el primero da el espaciado horizontal (espacio entre celdas de una fila) y el segundo el espaciado vertical (espacio entre celdas de una columna).

Ver El Ejemplo Vivo

table#space {
  border-collapse: separate;
  border-spacing: 10px 5px;
}

Ésta propiedad sólo se aplica cuando border-collapse es especificado en separate.

El espaciado de borde también se utiliza en los bordes exteriores de las tablas donde la distancia entre los bordes de tabla y las celdas en la primera/última columna o fila es la suma de los espaciados (horizontales o verticales) y de los espaciados (arriba, derecho, abajo o izquierdo) en una tabla.