column-gap

von 1 Mitwirkenden:

Übersicht

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

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

Spezifikation Status Anmerkung
CSS Multi-column Layout Module Candidate Recommendation  

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)-webkit 1.5 (1.8)-moz [*] 10 11.1 3.0 (522)-webkit
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? (Yes) ? ? ?

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

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW
Zuletzt aktualisiert von: SJW,
Seitenleiste ausblenden