Questo diagramma mostra l'effetto del valore 'collapse' della proprietà 'border-collapse'.
Questo diagramma mostra tre celle nella stessa riga e le righe della griglia che li separano. Il contenuto a sinistra e a destra, le aree di cuscinetto, bordo e margine di ciascuna cella sono contrassegnati da testo ruotato sopra ciascuna delle aree. Ogni riga (rossa, punteggiata) della griglia taglia in due il bordo fra le celle.
La larghezza della tabella è indicata sotto le celle come comprendente tutto il contenuto a sinistra e a destra, le aree di cuscinetto, di bordo e di margine delle celle, tranne per le celle che toccano i lati della tabella. In questo caso solo metà delle larghezze del bordo esterno viene calcolata nella larghezza della tabella.