<overflow-position>
Der <overflow-position>
enumerated Wertetyp definiert, wie ein Ausrichtungsobjekt, das größer als sein Ausrichtungscontainer ist, diesen Container überlaufen wird. Zum Beispiel, wenn zentrierte Elemente breiter als ihr Container sind, kann der Überlauf über die Startkante des Viewports angezeigt werden, die nicht gescrollt werden kann. Der <overflow-position>
Wert definiert, ob der Ausrichtungsmodus überschrieben werden soll, um sicherzustellen, dass der Inhalt sichtbar ist (safe
), oder ob der Ausrichtungsmodus eingehalten werden muss (unsafe
).
Dieser Datentyp ist gültig für die align-content
, align-items
, align-self
, justify-items
und justify-self
Eigenschaften sowie die place-content
, place-items
und place-self
Kurzschreibweisen.
Wenn er weggelassen wird, ist die Standard-Überlauf-Ausrichtung eine Mischung aus safe
und unsafe
.
Syntax
<overflow-position> = unsafe | safe
Werte
Die folgenden Schlüsselwortwerte werden durch den <overflow-position>
Grammatikbegriff dargestellt:
safe
-
Wenn die Größe des alignment subject den alignment container überläuft, wird das Ausrichtungsobjekt stattdessen so ausgerichtet, als ob der Ausrichtungsmodus
start
wäre. unsafe
-
Ungeachtet der relativen Größen des Ausrichtungsobjekts und des Ausrichtungscontainers wird der gegebene Ausrichtungswert eingehalten.
Spezifikationen
Specification |
---|
CSS Box Alignment Module Level 3 # typedef-overflow-position |
Siehe auch
- Eigenschaften, die diesen Datentyp verwenden:
align-content
,align-items
,align-self
,justify-content
justify-items
,justify-self
,place-content
,place-items
undplace-self
- Andere Box-Ausrichtungsdatentypen:
<content-distribution>
,<content-position>
,<baseline-position>
und<self-position>
- CSS-Box-Ausrichtung Modul
- CSS Flexbox-Layout Modul
- CSS Grid-Layout Modul