border-collapse

Definición de .border-collapse utilizado en CSS

La propiedad .border-collapse es para usar en elementos (o elementos hechos para comportarse como una tabla a través de la pantalla: tabla o pantalla: en línea en línea).

Ejemplo de uso : propiedad CSS border-collapse

Esta propiedad de CSS normalmente se utiliza de la siguiente manera:

border-collapse: collapse | separate;

Otro ejemplo más avanzado de .border-collapse es el siguiente de CODEPEN:

Sintaxis de .border-collapse en CSS

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

Valores

Valor	Descripción	Manifestación
separado	Las fronteras están separadas; cada celda mostrará sus propios bordes. Esto es predeterminado.
colapsar	Los bordes se colapsan en un solo borde cuando es posible (las propiedades de espacio entre bordes y celdas vacías no tienen efecto)
inicial	Establece esta propiedad en su valor predeterminado.
heredar	Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .border-collapse

Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

Property	Chrome	Internet Explorer / Edge	Firefox	Safari	Opera
border-image	16.0 4.0 -webkit-	11.0	15.0 3.5 -moz-	6.0 3.1 -webkit-	15.0 11.0 -o-

Bibliografía

• W3schools border-collapse property
• CSS Tricks > Almanac > Property > .border-collapse

Echa un vistazo a estas otras propiedades

• border-image
• border-radius
• border-spacing
• Todas las propiedades CSS