Ce dessin montre l'effet de la valeur 'collapse' de la propriété 'border-collapse'.
Le dessin représente trois cellules d'une même rangée et les lignes du quadrillage qui les séparent. Le contenu et les aires gauches et droites des espacements, bordures et marges de chacune des cellules sont étiquetées au-dessus de chacune de ces aires, leur texte ayant subi une rotation à angle droit. Chacune des lignes du quadrillage, en pointillés rouges, partage la bordure entre deux cellules.
La largeur de la table est indiquée sous les cellules, en englobant toutes les aires de contenu et les aires gauche et droite des espacements, des bordures et des marges des cellules, sauf pour les cellules qui touchent les côtés de la table. Pour celles-ci, seules la moitié des épaisseurs des bordures extérieures sont comptabilisées dans la largeur de la table.