Exemple
Réduire la bordure du tableau:
document.getElementById("myTable").style.borderCollapse = "collapse"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés de borderCollapse ou Vérifie si la frontière de la table doit être regroupées en une seule frontière ou non.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Syntaxe
Retour la propriété borderCollapse:
object .style.borderCollapse
Définissez la propriété borderCollapse:
object .style.borderCollapse="separate|collapse|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| separate | frontières distinctes sont établies pour tous les éléments de cellule de table. Ce défaut est |
| collapse | Frontières ne sont pas tracées entre des éléments de cellule de tableau |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | séparé |
|---|---|
| Valeur de retour: | Une chaîne représentant les frontières d'une table |
| version CSS | CSS2 |
autres exemples
Exemple
Retour la propriété borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
Essayez vous - même » Pages associées
Tutoriel CSS: Tableau CSS
Référence CSS: la border-collapse property
<Style objet