Ejemplo
Establecer el modelo de bordes cerrados para una tabla:
table
{
border-collapse: collapse;
}
Inténtalo tú mismo " Definición y Uso
La propiedad border-collapse establece si los bordes de la tabla se colapsan en una sola frontera o individual aislada como en HTML estándar.
| Valor por defecto: | separate |
|---|---|
| Heredado: | yes |
| animatable: | no. Read about animatable |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.borderCollapse="collapse" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-collapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Note: Si no se especifica un DOCTYPE, la propiedad border-collapse puede producir resultados inesperados.
sintaxis CSS
border-collapse: separate|collapse|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| separate | Fronteras son separados (espaciado de borde y propiedades-celdas vacías no serán ignorados). Esto es por defecto | Juegalo " |
| collapse | Las fronteras se derrumbó en una sola frontera cuando sea posible (border-spacing and empty-cells properties will be ignored) | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: Tabla CSS
Referencia HTML DOM: borderCollapse property