Zum Inhalt springen

grid-column

  • Redaktion 
  • Zuletzt aktualisiert am

#grid-column

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

default grid-column: auto auto;

Der Spaltenanfang und das Spaltenende des Gitterelements werden automatisch festgelegt.

grid-column: 1 / 3;

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

grid-column: span 3;

Das Gitterelement erstreckt sich über 3 Spalten.

grid-column: 1 / span 4;

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

grid-column: main;

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