border-spacing

Resumen

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.

Sintaxis

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

Valores

  • <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).

Ejemplos

Ver El Ejemplo Vivo

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

Notas

É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.

Especificaciones

Specification
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
# separated-borders

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también