Referenz:CSS/Eigenschaften/grid-gap

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-gap CSS 3.0
Beschreibung Die grid-gap-Eigenschaft ist die Zusammenfassung der Eigenschaften grid-row-gap und grid-column-gap, die die gutters (engl. für Rinnen), d.h. die Abstände zwischen den einzelnen Spalten und Reihen festlegt.
erlaubte Werte
  • siehe Einzelwerte
  • 0
  • Länge
  • Prozentwert
default-Wert
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Leer
Spezifikation W3c logo klein.gif grid-gap
Beispiel
#grid {
  display: grid;
  height: 20em;
  grid-gap: 2em 1em;
}

Der erste Wert legt den Abstand zwischen Reihen, der zweite Wert den Abstand zwischen den Spalten fest.

Beachten Sie

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

Tipp

{{{Tipp}}}