Definición de .border-collapse utilizado en CSS
La propiedad .border-collapse es para usar en elementos
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- |
