<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
startfü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
endfü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
- Eigenschaften, die diesen Datentyp verwenden:
align-content,justify-content,place-content - Andere Box-Ausrichtungsdatentypen:
<baseline-position>,<content-distribution>,content-position,<overflow-position>und<self-position> - CSS Box-Ausrichtung Modul
- CSS flexibles Box-Layout Modul
- CSS Raster-Layout Modul