Descripción extensa del ejemplo ilustrando el modelo de bordes separados

Este diagrama muestra el efecto de los valores 'separados' en la propiedad 'border-collapse'.

El diagrama muestra una tabla de tres columnas y dos filas cuyas celdas están sujetas al modelo de bordes separados. Las celdas en sí mismas tiene un color gris de fondo y un estilo de borde 'inset', que las hace aparecer como hundidas en la página. Las celdas están separadas unas de otras por todos sus lados con un espacio gris de 15pt.

La propia tabla tiene un borde 'outset' de 10pt que da la impresión de que la tabla emerge de la página.

El efecto completo de la tabla es el de una ventana saliente con dos filas de tres paneles cada una.

Volver a la imagen.