Atributo border-collapse CSS

Definición y uso

El atributo border-collapse configura si los bordes de la tabla se combinan en un borde único o se muestran separados como en HTML estándar.

Véase también:

Tutorial de CSS:CSS Tablas

Manual de referencia del DOM HTML:Atributo borderCollapse

Ejemplo

Establecer el modelo de combinación de bordes de la tabla:

table
  {
  border-collapse:collapse;
  }

Prueba por ti mismo

Sintaxis de CSS

border-collapse: separate|collapse|initial|inherit;

Valor del atributo

Valor Descripción
separate Valor predeterminado. Los bordes se mostrarán separados. No se ignorarán las propiedades border-spacing y empty-cells.
collapse Si es posible, los bordes se combinarán en un borde único. Se ignorarán las propiedades border-spacing y empty-cells.
inherit Se debe especificar el valor de la propiedad border-collapse del elemento padre.

Detalles técnicos

Valor predeterminado: separate
Herencia: yes
Versión: CSS2
Sintaxis de JavaScript: object.style.borderCollapse="collapse"

Más ejemplos

Combinación de bordes de tabla
Este ejemplo muestra si se debe mostrar el borde de la tabla como un borde separado único o, como en HTML estándar, mostrado por separado.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que completamente admite esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0