Referenz:CSS/Eigenschaften/row-gap

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft row-gap (grid-row-gap) CSS 3.0
Beschreibung Die row-gap-Eigenschaft legt die gutters (engl. für Rinnen), d.h. die Abstände zwischen den einzelnen Reihen fest.
Ursprünglich war sie als grid-row-gap für Grid Layout vorgesehen, ist jetzt aber auch für Flexbox und Mehrspaltenlayout (columns) standardisiert.
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-gap
Beispiel
#grid {
  display: grid;
  height: 200px;
  grid-template-columns: 25em;
  grid-template-rows: repeat(3, 1fr);
  grid-row-gap: 1em;
}

Zwischen den Reihen wird ein gutter (engl. für Rinne), d.h. ein Abstand von 1em zwischen den einzelnen Reihen festgelegt.

Beachten Sie

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

Tipp

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