border-spacing

<< Volver

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.

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

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

• CSS 2.1

Compatibilidades

Ver también

border-collapse