Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
border-collapse
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
Resumen
La propiedadborder-collapse se utiliza para fusionar los bordes. Ésto tiene una gran influencia sobre la presentación y el estilo de las celdas de tabla. La representación de los bordes de tabla es dividida en dos categorías en CSS2 - "fusión" y "separación" (collapsed - separated). Esta propiedad especifica que modo de presentación de borde hay que usar.
En el modelo de fusión, las celdas adyacentes comparten los mismos bordes
En el modelo de separación, cada celda adyacente tiene su propio borde (la distancia entre cada borde es dado con la propiedad delespaciado de borde).
Sintaxis
border-collapse: value
Valores
- inherit : Define explícitamente el valor como heredada del elemento padre.
- separate : Utiliza el modo de presentación de separación de borde.
- collapse : Utiliza el modo de presentación de fusión de borde
Ejemplos
<table border="1" bordercolor="#111111" width="500">
<table border="1" bordercolor="#111111" width="500">
Notas
En el modelo de fusión, el valor delestilo de borde deinset se comporta comogroove, youtset comoridge.
CSS 2 especifica que el valor inicial para esta propiedad escollapse, pero CSS 2.1 y Mozilla/Opera definen o se comportan como si el valor inicial fueraseparate.
Especificaciones
| Specification |
|---|
| Cascading Style Sheets Level 2 # propdef-border-collapse |
Compatibilidad con navegadores
Ver también
border-spacing