column-gap

Übersicht

Die CSS Eigenschaft column-gap Bestimmt den Abstand zwischen den einzelnen Spalten inerhalb eines mehrspaltigen Containers.

• Standardwert normal
• Anwendbar auf mehrspaltige Elemente
• Vererbt Nein
• Prozentwerte —
• Medium visuell
• Berechneter Wert the absolute length oder the keyword normal
• Animierbar Ja, als Längenangabe
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: <length> | normal

column-gap: 3px
column-gap: 2.5em
column-gap: normal

column-gap: inherit

Werte

normal

Übernimmt den vom Browser vordefinierten Wert. Laut Spezifikation sollte dieser 1em entsprechen.

<length>

Ein beliebiger <length> Wert, welcher den Abstand festlegt. Der Wert darf nicht negativ sein, 0 ist jedoch zulässig.

Beispiel

.content-box {
  border: 10px solid #000000;
  column-count: 3;
  column-gap: 20px;
}

Spezifikation

Browser Kompatibilität

[*] Before Firefox 3 (Gecko 1.9), the default value associated to the normal keyword was 0 and not 1em.

Siehe auch

• CSS Reference
• column-width, column-count, column-gap, column-rule, column-rule-width, column-rule-style, column-rule-color, column-span, column-fill, columns