<< Volver
Resumen
La propiedad border-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 del espaciado de borde
).
valor inicial
:separado
valor heredado
: Yes- Media:
visual
valor calculado
:
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" style="border-collapse: collapse" bordercolor="#111111" width="500">
<table border="1" style="border-collapse: separate" bordercolor="#111111" width="500">
Notas
En el modelo de fusi贸n, el valor del estilo de borde
de inset
se comporta como groove
, y outset
como ridge
.
CSS 2 especifica que el valor inicial para esta propiedad es collapse
, pero CSS 2.1 y Mozilla/Opera definen o se comportan como si el valor inicial fuera separate
.
Especificaciones
Compatibilidades
Navegador | Versi贸n m铆nima |
---|---|
Internet Explorer | 5.5 |
Netscape | 7 |
Opera | 5 |
Ver tambi茅n
Categor铆as
Interwiki Languages