border-spacing

Übersicht

Die border-spacing Eigenschaft legt die Abstände zwischen Tabellenzellen fest.
Die Eigenschaft hat nur dann Auswirkungen, wenn border-collapse: separate definiert ist.

• Standardwert: 0 (in vielen Browsern: 2px)
• Anwendbar auf: table und inline-table Elemente
• Vererbbar: Ja
• Prozentwerte: Nein
• Medium: visuell
• berechneter Wert: zwei absolute Längenwerte

Syntax

border-spacing: <Länge> <Länge>? | inherit 

Werte

<Länge>

Ein einzelner Wert bestimmt die Abstände in beide Richtungen: horizontal und vertikal.

<Länge> <Länge>

Der erste Wert gibt den horizontalen und der zweite Wert den vertikalen Abstand an.

inherit

Der Wert des Elternelements wird geerbt.

Beispiele

Live Beispiel

  border-collapse: separate;
  border-spacing: 5px;
  border: 1px solid black;

  border-collapse: separate;
  border-spacing: 15px 5px;
  border: 1px solid black;

  border-collapse: separate;
  border-spacing: 5px;
  border: 1px solid black;
  padding: 10px;

Browser Kompatibilität

Spezifikation

• CSS 2.1 Table #border-spacing

Siehe auch

• border-collapse, caption-side, empty-cells, table-layout