Zum Inhalt springen

grid-row

  • Redaktion 
  • Zuletzt aktualisiert am

#grid-row

Kurzschreibweise für grid-row-start und grid-row-end.

default grid-row: auto auto;

Der Zeilenanfang und das Zeilenende des Gitterelements werden automatisch festgelegt.

grid-row: 1 / 3;

Das Gitterelement beginnt vor der ersten Zeile und endet kurz vor der dritten Zeile.

grid-row: span 3;

Das Gitterelement erstreckt sich über 3 Zeilen.

grid-row: 1 / span 4;

Die Gitterelemente beginnen vor der ersten Zeile und erstrecken sich über 4 Zeilen, wobei eine neue Zeile entsteht.

grid-row: header;

Sie können einen Bereichsnamen verwenden, um seine Zeilenanfangs- und -endpositionen zu „kopieren“.