Atributo border-spacing de CSS
- página anterior ancho-de-borde-derecho
- página siguiente border-start-end-radius
Definición y uso
La propiedad border-spacing establece la distancia entre los bordes de las celdas adyacentes (solo para el modo "separación de bordes").
Comentarios:Algunas versiones del navegador IE no admiten esta propiedad.
Explicación
Esta propiedad especifica la distancia entre los bordes de las celdas en el modelo de separación de bordes. En los dos valores de longitud especificados, el primero es el intervalo horizontal y el segundo el vertical. A menos que border-collapse se establezca en separate, se ignorará esta propiedad. A pesar de que esta propiedad solo se aplica a las tablas, puede ser heredada por todos los elementos dentro de la tabla.
Véase también:
Tutoriales de CSS:Cuadros de CSS
Manual de referencia de HTML DOM:Propiedad borderSpacing
Ejemplo
Establecer el border-spacing para la tabla:
tabla { border-collapse:separate; border-spacing:10px 50px; }
Sintaxis de CSS
border-spacing: parámetros, el primero establece el espaciado horizontal y el segundo el espaciado vertical.|initial|inherit;
Valor de la propiedad
Valor | Descripción |
---|---|
longitud longitud |
Se especifica la distancia entre los bordes de las celdas adyacentes. Se utilizan unidades como px, cm, etc. No se permiten valores negativos. Si se define un parámetros, el primero establece el espaciado horizontal y el segundo el espaciado vertical. parámetros, se define el espaciado horizontal y vertical. Si se definen dos parámetros, el primero establece el espaciado horizontal y el segundo el espaciado vertical. Si se definen dos |
inherit | Se especifica que el valor de la propiedad border-spacing debe ser heredado del elemento padre. |
Detalles técnicos
Valor predeterminado: | no especificado |
---|---|
Herencia: | sí |
Versión: | CSS2 |
Sintaxis de JavaScript: | objeto.style.borderSpacing="15px" |
Más ejemplos
- Configurar el espacio entre los bordes de la tabla
- Este ejemplo muestra cómo configurar la distancia entre los bordes de las celdas.
soporte del navegador
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- página anterior ancho-de-borde-derecho
- página siguiente border-start-end-radius