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