Tableau css bordures

table {border-collapse:separate;} permet de fixer des espaces entre les cellules par border-spacing:10px 20px; et permet de ne pas afficher les cellules vides par empty-cells:hide; mais ne permet pas d'afficher les bordures de <col> <thead> <tfoot> <tr>

C'est l'inverse pour table {border-collapse:collapse;} qui permet d'afficher les bordures de <col> <thead> <tfoot> <tr> mais qui ne permet pas de fixer des espaces entre les cellules par border-spacing:10px 20px; ni d'afficher les cellules vides par empty-cells:hide;

Valeurs par défaut
\ABCDE
L\CC1C2C3C4C5
L112345
L2610
L31112131415
L41617181920
L52122232425
\ABCDE
border-collapse:separate;
border-spacing:0;
empty-cells:hide;
\ABCDE
L\CC1C2C3C4C5
L112345
L2610
L31112131415
L41617181920
L52122232425
\ABCDE
border-collapse:separate;
border-spacing: 5px 20px;
empty-cells:hide;
\ABCDE
L\CC1C2C3C4C5
L112345
L2610
L31112131415
L41617181920
L52122232425
\ABCDE
border-collapse:collapse;
\ABCDE
L\CC1C2C3C4C5
L112345
L2610
L31112131415
L41617181920
L52122232425
\ABCDE
border-collapse:collapse;
border-spacing: 5px 20px; sans effet
empty-cells:hide; sans effet
\ABCDE
L\CC1C2C3C4C5
L112345
L2610
L31112131415
L41617181920
L52122232425
\ABCDE

En savoir plus Table et aspect par CSS

Faire une grille avec border-collapse:separate;