<content-position>

Der <content-position> enumerierte Wertetyp wird von den Eigenschaften justify-content und align-content sowie der Kurzform place-content verwendet, um den Inhalt der Box innerhalb von sich selbst auszurichten.

Syntax

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

Werte

Der <content-position> enumerierte Wertetyp wird mit einem der folgenden Schlüsselbegriffe angegeben.

center

Zentriert das Ausrichtungsobjekt innerhalb seines Ausrichtungscontainers.

start

Richtet das Ausrichtungsobjekt bündig mit der Anfangskante 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 aus <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