Detaillierte Analyse des Border-Collapse-Attributs in CSS

Beispiel

Legen Sie das zusammengeführte Rahmenmodell für die Tabelle fest:

table
  {  border-collapse:collapse;
  }

Wenn Sie dieses Attribut nicht hinzufügen, wird der Rahmen sehr dick sein. und wenn Sie es hinzufügen, wird es dünner

.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;
}

Syntax:

border-collapse : separate | collapse

Parameter:
getrennt: Ränder sind unabhängig (Standard-HTML)
rtl: Benachbarte Kanten werden zusammengeführt

Beschreibung:
Legen Sie fest oder rufen Sie ab, ob Tabellenzeilen und Zellkanten gemäß Standard-HTML-Stilen zusammengeführt oder getrennt werden.
Die entsprechende Skriptfunktion ist borderCollapse. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.

Beispiel:

table { border-collapse: separate; }

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse des Border-Collapse-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!