Attribut border-collapse CSS

Définition et utilisation

La propriété border-collapse définit si les bordures du tableau doivent être fusionnées en une seule bordure ou affichées séparément comme dans le HTML standard.

Veuillez également consulter :

Tutoriel CSS :Tableau CSS

Manuel de référence HTML DOM :borderCollapse propriété

Exemple

Définir le modèle de fusion des bordures du tableau :

table
  {
  border-collapse:collapse;
  }

Essayez-le vous-même

Syntaxe CSS

border-collapse: separate|collapse|initial|inherit;

Valeur de l'attribut

Valeur Description
separate Valeur par défaut. Les bordures seront séparées. Les propriétés border-spacing et empty-cells ne seront pas ignorées.
collapse Si possible, les bordures seront fusionnées en une seule bordure. Les propriétés border-spacing et empty-cells seront ignorées.
inherit Définit que la valeur de la propriété border-collapse doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : separate
Héritabilité : yes
Version : CSS2
Syntaxe JavaScript : object.style.borderCollapse="collapse"

Plus d'exemples

Fusion des bordures du tableau
Cet exemple montre si les bordures du tableau doivent être affichées comme une seule bordure ou séparées comme dans le HTML standard.

Support du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0