CSS grid-auto-rows-Eigenschaft

Definition und Verwendung

Die grid-auto-rows Eigenschaft setzt die Größe der Zeilen im Gittercontainer.

Diese Eigenschaft beeinflusst nur Zeilen, die keine Größe haben.

Weitere Informationen siehe:

CSS-Tutorial:CSS-Grid-Layout

CSS-Referenzhandbuch:grid-auto-columns Eigenschaft

Beispiel

Setzen Sie die Standardgröße der Zeilen im Gitter:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Probieren Sie es selbst aus

CSS-Syntax

grid-auto-rows: auto|max-content|min-content|length;

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Die Größe der Zeile wird durch die Größe des größten Elements in der Zeile bestimmt.
max-content Setzen Sie die Größe jeder Zeile basierend auf der Größe des größten Elements in der Zeile.
min-content Setzen Sie die Größe jeder Zeile basierend auf der Größe des größten Elements in der Zeile.
length Setzen Sie die Größe der Zeilen, indem Sie gültige Längenwerte verwenden. SieheLängenmaß.

Technische Details

Standardwert: auto
Vererbung: Nein
Animationserstellung: Unterstützt. Siehe:Animation bezogene Eigenschaften.
Version: CSS Grid Layout Modul Level 1
JavaScript-Syntax: object.style.gridAutoRows="60px"

Browser-Unterstützung

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

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