border-collapse

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).

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

Ver El Ejemplo Vivo

<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

border-spacing

Categor铆as

Interwiki Languages