Grid-Items (Kindelemente)

Eigenschaften, die am Kindelement eingestellt werden, gelten nur für das Kindelemente selbst. Es überlagert die die Eigenschaften des Elternelement. Die Kindelemente-Eigenschaften lassen sich an jedem Control über GridItemLayout (API) einstellen.

GridColumn:

Ist eine Kurzschreibweise (Shorthand) fuer „grid-column-start“ und „grid-column-end“. Sie bestimmt, in welcher Spalte ein Grid-Item beginnt und endet – also welche Spalten es belegt.

GridRow:

Ist eine Kurzschreibweise (Shorthand) fuer „grid-row-start“ und „grid-row-end“. Sie bestimmt, in welcher Zeile ein Grid-Item beginnt und endet – also welche Zeilen es belegt.

GridArea:

Kann für folgende Eigenschaften genutzt werden.

• Sie ist eine Kurzschreibweise für “grid-row-start”, ”grid-column-start”, ”grid-row-end”, ”grid-column-end”.
• Sie kann ein Grid-Item einer benannten Area aus „grid-template-areas“ zuweisen. (aktuell nicht unterstützt)

JustifySelf:

Steuert beim CSS Grid die Ausrichtung eines einzelnen Grid-Items auf der Inline-Achse (in der Regel horizontal). Sie wirkt innerhalb der eigenen Grid-Zelle dieses einen Items.

AlignSelf:

Steuert beim CSS Grid die Ausrichtung eines einzelnen Grid-Items auf der Block-Achse (in der Regel vertikal). Sie wirkt innerhalb der eigenen Grid-Zelle dieses einen Items.