border-collapse

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die border-collapse CSS Eigenschaft legt fest, ob Zellen innerhalb eines

gemeinsame oder separate Rahmen haben.

Probieren Sie es aus

border-collapse: collapse;

border-collapse: separate;
Cell 1.1 Cell 1.2
Cell 2.1 Cell 2.2
Cell 3.1 Cell 3.2 
table {
  width: 15rem;
  table-layout: fixed;
}

td {
  border: 5px solid;
  border-color: crimson dodgerblue orange limegreen;
  padding: 0.75rem;
}

Wenn Zellen zusammengeklappt sind, verhält sich der border-style Wert von inset wie ridge, und outset verhält sich wie groove.

Wenn Zellen getrennt sind, wird der Abstand zwischen den Zellen durch die border-spacing Eigenschaft definiert.