Referenz:CSS/Eigenschaften/grid-row-gap

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-row-gap CSS 3.0
Beschreibung Die grid-row-gap-Eigenschaft legt die gutters (engl. für Rinnen), d.h. die Abstände zwischen den einzelnen Reihen 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-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 grid-row-gap festgelegt wird, wird der Wert von grid-column-gap übernommen.

Tipp

{{{Tipp}}}