Propriété style borderCollapse

Définition et utilisation

borderCollapse Définit si les bordures du tableau doivent être repliées en une seule bordure.

Voir aussi :

Tutoriel CSS :Tableaux CSS

Manuel de référence CSS :Propriété border-collapse

Exemple

Exemple 1

Plier les bordures du tableau :

document.getElementById("myTable").style.borderCollapse = "collapse";

Essayer par vous-même

Exemple 2

Retourner la propriété borderCollapse :

alert(document.getElementById("myTable").style.borderCollapse);

Essayer par vous-même

Syntaxe

Retourner la propriété borderCollapse :

object.style.borderCollapse

Définir la propriété borderCollapse :

object.style.borderCollapse = "separate|collapse|initial|inherit"

Valeur de l'attribut

Valeur Description
separate Trace une bordure distincte pour chaque élément de cellule de tableau. Par défaut.
collapse

Si possible, les bordures seront fusionnées en une seule bordure.

Les propriétés border-spacing et empty-cells seront ignorées.
initial Réinitialise cette propriété à sa valeur par défaut. Voir aussi initial.
inherit Inherits cette propriété de son élément parent. Voir aussi inherit.

Détails techniques

Valeur par défaut : separate
Valeur de retour : Une chaîne de caractères, représentant la bordure du tableau.
Version de CSS : CSS2

Support du navigateur

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

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