Inset-Eigenschaften
In CSS steuern Inset-Eigenschaften die Position von positionierten Elementen, indem sie Versätze von den Standardpositionen der Elemente angeben. Es gibt physische, logische und Kurznamen-Inset-Eigenschaften.
Zu den Inset-Eigenschaften gehören die physischen Eigenschaften top
, left
, bottom
und right
, ihre flussbezogenen logischen Eigenschaft Entsprechungen inset-block-start
, inset-block-end
, inset-inline-start
und inset-inline-end
, sowie die Kurznamen inset-block
, inset-inline
und inset
.
Physische Eigenschaften beziehen sich auf bestimmte physische Seiten eines Elements. Logische Eigenschaften verwenden richtungsbezogene Schlüsselwörter relativ zu den Block- und Inline-Achsen. Die Block-Achse bezieht sich auf die Achse, die die Stapelreihenfolge von Elementen in einem Block-Layout definiert. Die Inline-Achse steht senkrecht zur Block-Achse und repräsentiert die Richtung, entlang derer Inline-Inhalt wie Text innerhalb eines Blocks fließt. Die Zuordnung hängt von den Eigenschaften writing-mode
, direction
und text-orientation
des Elements ab.
Die Interpretation von Inset-Eigenschaften hängt vom Wert der position
Eigenschaft ab. Wenn position: absolute
festgelegt ist, stellen sie Einsätze aus dem umfassenden Block oder Ankerelement dar. Bei position: relative
stellen sie Einsätze aus der Standardposition der Ränder des Kastens dar. Mit sticky
repräsentieren sie Einsätze vom Rand des Scroll-Containers. Der Wert fixed
ähnelt absolute
, außer dass das Element relativ zu seinem festen Positionierungsblock positioniert und dimensioniert wird, was oft das Ansichtsfenster ist.