CSS row-gap Eigenschaft

Definition und Verwendung

Die row-gap Eigenschaft legt den Abstand zwischen den Zeilen im Elastischen oder Gitterlayout fest.

Die row-gap Eigenschaft wurde früher als grid-row-gap.

CSS-Referenzhandbuch:gap Eigenschaft

Legt den 50 Pixel Abstand zwischen den Gitterzeilen fest:

#grid-container {
  display: grid;
  row-gap: 50px;
}

Setzt den Abstand zwischen den Zeilen im Elastischen Layout auf 70px:

#flex-container {
  display: flex;
  row-gap: 70px;
}

row-gap: length|normal|initial|inherit;

Werte	Beschreibung
length	Setzt den spezifischen Abstand oder den Prozentsatzwert zwischen den Zeilen.
normal	Standardwert. Legt den normalen Abstand zwischen den Zeilen fest.
initial	Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit	Diese Eigenschaft von seinem übergeordneten Element erben. Siehe inherit.

Standardwert:	normal
Vererbung:	Nein
Animationsproduktion:	Unterstützt. Bitte sehen Sie sich die separaten Eigenschaften an. Siehe:Animationsbezogene Eigenschaften.
Version:	CSS-Modul zur Ausrichtung der Boxen Level 3
JavaScript-Syntax:	object.style.rowGap="50px"

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Layout	Chrome	IE / Edge	Firefox	Safari	Opera
im Gitter	66	16	61	12	53
im Elastischen Rahmen	84	84	63	14.1	70