Grid-Container (Elternelement)

Eigenschaften, die am Elternelement eingestellt werden, gelten erstmal für alle Kindelemente. Einzelne Eigenschafften lassen sich jedoch später an den Kindelementen überlagern. Die Elternelement-Eigenschaften lassen sich über GridLayout (API) einstellen.

GridTemplateColumns:

Definiert beim Grid-Container, wie breit die Spalten (Columns/Tracks) des expliziten Grids sind.

GridTemplateRows:

Definiert beim Grid-Container, wie hoch die Zeilen-Tracks des expliziten Grids sind.

GridAutoFlow:

Steuert im CSS Grid, wie automatisch platzierte Grid-Items freie Zellen füllen.

ColumnGap:

Definiert beim CSS Grid den horizontalen Abstand zwischen den Spalten-Tracks.

RowGap:

Definiert beim CSS Grid den vertikalen Abstand zwischen den Zeilen eines Grids.

AlignItems:

Steuert beim CSS Grid die Ausrichtung aller Grid-Items auf der Block-Achse (in der Regel vertikal). Sie wirkt innerhalb jeder einzelnen Grid-Zelle.

JustifyItems:

Steuert beim CSS Grid die Ausrichtung aller Grid-Items auf der Inline-Achse (in der Regel horizontal). Sie wirkt innerhalb jeder einzelnen Grid-Zelle.

OverflowX:

steuert, was passiert, wenn der Inhalt in horizontaler Richtung breiter ist als sein Container.

OverflowY:

steuert, was passiert, wenn der Inhalt in vertikaler Richtung höher ist als sein Container.