CSS-Ankerpositionierung

Das CSS-Ankerpositionierungsmodul definiert Funktionen, die es ermöglichen, Elemente miteinander zu verknüpfen. Bestimmte Elemente werden als Ankerelemente definiert; ankerpositionierte Elemente können dann in ihrer Größe und Position basierend auf der Größe und dem Standort der Ankerelemente, an die sie gebunden sind, festgelegt werden.

Darüber hinaus bietet die Spezifikation CSS-exklusive Mechanismen, um:

Eine Reihe von alternativen Positionen für ein verankertes Element anzugeben; wenn die Standardwiedergabeposition dazu führt, dass es seinen umgebenden Block überschreitet und/oder außerhalb des Bildschirms rendert, versucht der Browser, das verankerte Element stattdessen in den alternativen Positionen zu rendern.
Bedingungen festzulegen, unter denen ankerpositionierte Elemente ausgeblendet werden sollten, in Situationen, in denen es nicht angemessen ist, sie mit Ankerelementen zu verbinden.

Referenz

Eigenschaften

Hinweis: Das CSS-Ankerpositionierungsmodul führt die Eigenschaft anchor-scope ein, die noch nicht implementiert wurde.

At-Regeln und Deskriptoren

@position-try

Funktionen

Datentypen und Werte

HTML-Attribute

anchor Nicht standardisiert

Schnittstellen

CSSPositionTryDescriptors
CSSPositionTryRule
HTMLElement.anchorElement Nicht standardisiert

Leitfäden

Verwendung der CSS-Ankerpositionierung: Ein einführender Leitfaden zu den grundlegenden Konzepten der Ankerpositionierung, einschließlich der Verknüpfung, Positionierung und Größenanpassung von Elementen relativ zu ihrem Anker.
Umgang mit Überlauf: Alternativen und bedingtes Ausblenden: Ein Leitfaden zu den Mechanismen, die die CSS-Ankerpositionierung bietet, um zu verhindern, dass ankerpositionierte Elemente ihre umgebenden Elemente oder das Ansichtsfenster überschreiten, einschließlich Position-Try-Alternativen und bedingtem Ausblenden von Elementen.

Spezifikationen

Specification
CSS Anchor Positioning