Si on veut ajouter un espace entre les cellules d'une table, que ce soit verticalement ou horizontalement, il ne faut pas essayer de manipuler ni les cellules (td, th) ni les lignes (tr) mais la table (table).
Pour cela, on utilise les propriétés border-collapse et border-spacing que l'on applique directement à la table.

On doit utiliser ces mêmes propriétés lorsqu'on choisi un affichage en table d'autres éléments grace à la propriété display (voir les valeurs table, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row et table-row-group disponibles depuis la version 2.1).