Referenz:CSS/Eigenschaften/column-gap

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft column-gap CSS 3.0
Beschreibung bestimmt für ein mehrspaltig anzuzeigendes Element den Abstand zwischen den Spalten
Ursprünglich gab es für Grid Layout eine grid-column-gap, die jetzt aber auch für Flexbox gilt und in column-gap des Mehrspaltenlayouts (columns) aufgegangen ist.
erlaubte Werte
  • nichtnegative Längenangabe
  • auto: Browser wählt Wert selbstständig aus
default-Wert

auto

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif column-gap
Beispiel
.beispiel1 ul {
  column-gap:         1em;
}
Beachten Sie

Die Flächen zwischen den Spalten sind immer transparent und lassen sich nicht gestalten.

Tipp

Verwenden Sie für Grid Layout für eine Übergangszeit weiterhin die grid-gap-Eigenschaft!