Propriété de style borderCollapse
Exemple
Réduire la bordure du tableau :
document.getElementById("myTable").style.borderCollapse = "collapse";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété borderCollapse définit ou retourne si la bordure du tableau doit être réduite en une seule bordure ou non.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Syntaxe
Renvoyez la propriété borderCollapse :
object.style.borderCollapse
Définissez la propriété borderCollapse :
object.style.borderCollapse = "separate|collapse|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
separate | Separate borders are drawn for all table cell elements. This is default |
collapse | Borders are not drawn between table cell elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | séparé |
---|---|
Valeur de retour : | Une chaîne, représentant les bordures d'un tableau |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Renvoyez la propriété borderCollapse :
alert(document.getElementById("myTable").style.borderCollapse);
Pages connexes
Tutoriel CSS : Tableau CSS
Référence CSS : propriété border-collapse