Zum Inhalt springen

grid-auto-rows

  • Redaktion 
  • Zuletzt aktualisiert am

#grid-auto-rows

Definiert die Größe von Rasterzeilen, die implizit erstellt wurden: Das bedeutet, dass grid-auto-rows auf die Zeilen abzielt, die nicht mit grid-template-rows oder grid-template-areas definiert wurden.

default grid-auto-rows: auto;

Die implizit erzeugten Zeilen haben eine auto Größe.

grid-auto-rows: 100px;

Hier kombinieren wir grid-template-areas: "header header header" "sidebar main main" "footer footer footer" mit grid-template-rows: 50px 200px.

In dieser Situation definiert das grid-template-areas 3 Zeilen, während das grid-template-rows nur 2 Zeilenhöhen definiert.

Die Höhe der dritten Zeile (der Fußzeile) wird daher von der Eigenschaft grid-auto-rows übernommen: 100px.

46946778f3980a7056863354400f8688?s=250&d=mm&r=g grid-auto-rows
Letzte Artikel von Redaktion (Alle anzeigen)

    Nach oben