Aus dem Kurs: CSS Grid Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Globale Werte für Elemente überschreiben

Globale Werte für Elemente überschreiben

Aus dem Kurs: CSS Grid Grundkurs

Globale Werte für Elemente überschreiben

Mit align-items und justify-items bestimmen Sie die Position für alle Elemente innerhalb eines Rasters. Für einzelne Elemente können Sie aber auch eine andere Position festlegen. Dafür gibt es align-self und wenn Sie beispielsweise align-self auf start setzen, dann ist das Element, bei dem Sie das angeben, immer am Anfang positioniert, unabhängig davon, was Sie für die anderen Rasterelemente global über align-items bestimmt haben. align-self ermöglicht dieselben Werte, die Sie auch bei align-items angeben können. Parallel zu align-self gibt es justify-self. Und in diesem Fall habe ich das zweite Element auch immer auf start gesetzt und die anderen Elemente, für die gilt die globale Einstellung, die bei justify-items festgelegt ist. Sie haben gesehen, justify-self, align-self, praktisch, wenn Sie die Ausrichtung für einzelne Elemente gesondert bestimmen wollen.

Inhalt