Referenz:CSS/Eigenschaften/grid-column-gap

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-column-gap CSS 3.0
Beschreibung Die grid-column-gap-Eigenschaft legt die gutters (engl. für Rinnen), d.h. die Abstände zwischen den einzelnen Spalten fest.
erlaubte Werte
default-Wert

0

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Leer
Spezifikation W3c logo klein.gif grid-columns-gap
Beispiel
#grid {
  display: grid;
  height: 200px;
  grid-template-columns: 25em;
  grid-template-rows: repeat(3, 1fr);
  grid-row-gap: 2em;
  grid-column-gap: 1em;
}

Zwischen den Reihen wird ein gutter (engl. für Rinne), d.h. ein Abstände von 1em zwischen den einzelnen Spalten festgelegt, während zwischen den Reihen 2em Abstand liegen.

Beachten Sie

Wenn kein Wert für grid-row-gap festgelegt wird, wird der Wert von grid-column-gap übernommen.

Tipp

{{{Tipp}}}