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.