<overflow-position>
Der <overflow-position>
enumerierte Wertetyp definiert, wie ein Ausrichtungssubjekt, das größer als sein Ausrichtungscontainer ist, diesen Container überläuft. Zum Beispiel, wenn zentrierte Elemente breiter als ihr Container sind, kann das Überlaufen jenseits des Startbereichs des Viewports angezeigt werden, der 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
Kurzschreibweise-Eigenschaften. 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 Ausrichtungssubjekts den Ausrichtungscontainer überläuft, wird das Ausrichtungssubjekt stattdessen so ausgerichtet, als ob der Ausrichtungsmodus
start
wäre. unsafe
-
Unabhängig von den relativen Größen des Ausrichtungssubjekts und des Ausrichtungscontainers wird der angegebene Ausrichtungswert beachtet.
Spezifikationen
No specification found
No specification data found for css.types.overflow-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
- 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-Ausrichtungs-Datentypen:
<content-distribution>
,<content-position>
,<baseline-position>
, und<self-position>
- CSS Box-Ausrichtung Modul
- CSS Flexible Box Layout Modul
- CSS Grid Layout Modul