Este diagrama muestra el efecto del valor 'collapse' en la propiedad 'border-collapse'.
El diagrama muestra tres celdas en la misma fila y las líneas de la grilla que las separa. El contenido, el relleno, los bordes y las áreas de márgen a la izquierda y derecha de cada celda están señalados con un texto rotado encima de cada una de las áreas. Cada línea (roja, punteada) de la grilla divide en dos el borde entre dos celdas.
El ancho de la tabla está indicado abajo de las celdas como abarcando todo el contenido, el relleno, los bordes y las áreas de márgen a la izquierda y derecha de las celdas, excepto en las celdas que tocan los lados de la tabla. En este caso, sólo la mitad del ancho del borde exterior se cuenta en en ancho de la tabla.