<content-position>

Der <content-position> Enumerationswert wird von den Eigenschaften justify-content und align-content, sowie der Kurzschrift place-content, verwendet, um den Inhalt einer Box innerhalb derselben auszurichten.

Syntax

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

Werte

Der <content-position> Enumerationswert wird mithilfe eines der folgenden Schlüsselbegriffe angegeben.

center

Zentriert das Alignment-Subjekt innerhalb seines Alignment-Containers.

start

Richtet das Alignment-Subjekt bündig mit der Startkante des Alignment-Containers aus.

end

Richtet das Alignment-Subjekt bündig mit der Endkante des Alignment-Containers aus.

flex-start

Im Flex-Layout richtet es das Alignment-Subjekt bündig mit der Kante des Alignment-Containers aus, die dem Haupt- oder Querstart des Flex-Containers entspricht. Es ist identisch zu start für andere Layout-Modi als das Flex-Layout.

flex-end

Im Flex-Layout richtet es das Alignment-Subjekt bündig mit der Kante des Alignment-Containers aus, die dem Haupt- oder Querende des Flex-Containers entspricht. Identisch zu end für andere Layout-Modi als das Flex-Layout.

Hinweis: Die Schlüsselwörter left und right sind vom <content-position> ausgeschlossen, obwohl sie gültige positionsbezogene Anpassungswerte 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. Sie sind stattdessen explizit in den Grammatiken der justify-* Eigenschaften enthalten.

Spezifikationen

No specification found

No specification data found for css.types.content-position.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch