CSS grid-row-gap-Eigenschaft

Definition und Verwendung

Die grid-row-gap Eigenschaft definiert die Größe des Zeilenabstands im Rasterlayout.

Siehe auch:

CSS-Tutorial:CSS-Grid-Layout

CSS-Referenzhandbuch:grip-gap Eigenschaft

CSS-Referenzhandbuch:grip-column-gap Eigenschaft

Beispiel

Setzen Sie den Zeilenabstand auf 50 Pixel:

.grid-container {
  grid-row-gap: 50px;
}

Versuchen Sie es selbst

CSS-Syntax

grid-row-gap: length;

Eigenschaftswert

Wert Beschreibung
length Jeglicher gültige Längenwert. Zum Beispiel Pixel oder Prozente. Standardwert ist 0.

Technische Details

Standardwert: 0
Vererbung: Nein
Animationserstellung: Unterstützt. Siehe auch:Animationsspezifische Eigenschaften.
Version: CSS Grid Layout Modul Level 1
JavaScript-Syntax: object.style.gridRowGap="50px"

Browser-Unterstützung

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

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44