<content-position> CSS-Typ
Der <content-position> aufgezählte Wertetyp wird von den Eigenschaften justify-content und align-content sowie der Kurzform place-content verwendet, um den Inhalt des Box-Elements innerhalb der Box zu platzieren.
Syntax
<content-position> = center | start | end | flex-start | flex-end
Werte
Der <content-position> aufgezählte Wertetyp wird unter 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 richtet es das Ausrichtungsobjekt bündig mit der Kante des Ausrichtungscontainers aus, die der main-start oder cross-start Seite des Flex-Containers entspricht, je nach Bedarf. Es ist identisch mit
startfür Layoutmodi, die keine Flex-Layouts sind. flex-end-
Im Flex-Layout richtet es das Ausrichtungsobjekt bündig mit der Kante des Ausrichtungscontainers aus, die der main-end oder cross-end Seite des Flex-Containers entspricht, je nach Bedarf. Es ist identisch mit
endfür Layoutmodi, die keine Flex-Layouts sind.
Hinweis:
Die Schlüsselwörter left und right sind von <content-position> ausgeschlossen, obwohl sie gültige positionsbezogene Ausrichtungswerte für die Eigenschaften justify-* (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
| Spezifikation |
|---|
| CSS Box Alignment Module Level 3 # typedef-content-position |
Siehe auch
- Eigenschaften, die diesen Datentyp verwenden:
align-content,justify-content,place-content - Andere Box-Ausrichtungs-Datentypen:
<baseline-position>,<content-distribution>,content-position,<overflow-position>, und<self-position> - CSS-Box-Ausrichtungsmodul
- CSS-Flexbox-Layout Modul
- CSS-Gitter-Layout Modul