<content-position>

Syntax

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

Werte

Der <content-position> aufzählbare Wertetyp wird durch die Verwendung eines der folgenden Schlüsselbegriffe angegeben.

center

Zentriert das Ausrichtungsobjekt innerhalb seines Ausrichtungscontainers.

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 Haupt-Start- oder Kreuz-Start-Seite des Flex-Containers entspricht, je nach Bedarf. 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 Haupt-Ende- oder Kreuz-Ende-Seite des Flex-Containers entspricht, je nach Bedarf. Identisch mit end für andere Layout-Modi als das Flex-Layout.

Spezifikationen

Siehe auch

• Eigenschaften, die diesen Datentyp verwenden: align-content, justify-content, place-content
• Andere Box-Ausrichtung-Datentypen: <baseline-position>, <content-distribution>, content-position, <overflow-position>, und <self-position>
• CSS Box-Ausrichtung Modul
• CSS Flexibles Box-Layout Modul
• CSS Raster-Layout Modul