Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété border-collapse

Description de border-collapse.

La propriété border-collapse définit si les cellules d'un tableau sont accolées ou séparées par un espace. La largeur de ce dernier peut être précisée avec border-spacing.

Dans le cas où une bordure est définie, si les cellules sont accolées, les traits de bordure sont fusionnés, ce qui n'est pas le cas si on précise simplement un espacement égal à zéro ( border-spacing:0px; ).

Bordures accolées avec
border-spacing:0;
Bordures fusionnées avec
border-collapse:collapse;

Syntaxes pour border-collapse.

  • border-collapse: separate;

    Valeur par défaut. Les cellules sont encadrées séparément les unes des autres. Voir aussi la propriété border-spacing pour gérer la valeur de l'espacement entre les cellules.

  • border-collapse: collapse;

    Les bordures de deux cellules adjacentes sont fusionnées. La propriété Object est sans effet.

  • border-collapse: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

border-collapse :
     
     

Compatibilité avec les navigateurs.

La propriété border-collapse est bien prise en charge par tous les navigateurs actuels.

Voir aussi...

Bordures - Propriétés.

Propriétés spécifiques aux tableaux - Propriétés.