Analyse détaillée de l'attribut border-collapse en CSS

Exemple

Définissez le modèle de bordure fusionnée pour le tableau :

table
  {  border-collapse:collapse;
  }

Si vous n'ajoutez pas cet attribut, la bordure sera très épaisse, et si vous l'ajoutez, il deviendra plus fin

.tb_style {
font-size:11px;
color:#333333;
border-width
: 1px;
border-color
: #e5e5e5;
border-collapse: collapse;
}
.tb_style td {
border-width: 1px;
padding: 8px;
border-style
: solid;
border-color: #e5e5e5;
background-color: #ffffff;
}

Syntaxe :

border-collapse : separate | collapse

Paramètres :
séparés : Les bordures sont indépendantes (HTML standard)
rtl : Les bords adjacents sont fusionnés

Description :
Définissez ou récupérez si les lignes du tableau et les bords des cellules sont fusionnés ou séparés selon les styles HTML standard.
La fonctionnalité de script correspondante est borderCollapse. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

table { border-collapse: separate; }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!