<content-position>

Der <content-position> aufzählbare Wertetyp wird von den justify-content und align-content Eigenschaften sowie der place-content Kurzschreibweise verwendet, um den Inhalt einer Box innerhalb dieser auszurichten.

Syntax

<content-position> = center | start | end | flex-start | flex-end

Werte

Der <content-position> aufzählbare Wertetyp wird durch einen der folgenden Schlüsselbegriffe spezifiziert.

center

Zentriert das Ausrichtungsobjekt in seinem Ausrichtungscontainer.

start

Richtet das Ausrichtungsobjekt bündig mit der Startkante des Ausrichtungscontainers aus.

end

Richtet das Ausrichtungsobjekt bündig mit der Endkante des Ausrichtungscontainers aus.

flex-start

Im Flex-Layout wird das Ausrichtungsobjekt bündig mit der Kante des Ausrichtungscontainers ausgerichtet, die der Hauptstart- oder Kreuzstartseite des Flex-Containers entspricht. Es ist identisch mit start für andere Layout-Modi als das Flex-Layout.

flex-end

Im Flex-Layout wird das Ausrichtungsobjekt bündig mit der Kante des Ausrichtungscontainers ausgerichtet, die der Hauptend- oder Kreuzendseite des Flex-Containers entspricht. Identisch mit end für andere Layout-Modi als das Flex-Layout.

Hinweis: Die Schlüsselwörter left und right sind von <content-position> ausgeschlossen, obwohl sie gültige positionsbezogene Ausrichtungswerte für die justify-* Eigenschaften (justify-content, justify-self und justify-items) sind, da sie in den align-* Eigenschaften (align-content, align-self und align-items) nicht erlaubt sind. Stattdessen sind sie explizit in den Grammatiken der justify-* Eigenschaften enthalten.

Spezifikationen

Specification
CSS Box Alignment Module Level 3
# typedef-content-position

Siehe auch