CSS-Ankerpositionierung

Das CSS-Ankerpositionierungsmodul definiert Features, die es ermöglichen, Elemente miteinander zu verbinden. 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, eingestellt werden.

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

  • Eine Reihe von alternativen Positionen für ein verankertes Element anzugeben; wenn die Standard-Renderposition dazu führt, dass es über seinen enthaltenden Block hinausläuft und/oder außerhalb des Bildschirms dargestellt wird, versucht der Browser, das Ankerelement stattdessen in den alternativen Positionen darzustellen.
  • Bedingungen zu deklarieren, unter denen Ankerpositionierte Elemente ausgeblendet werden sollten, in Situationen, in denen es nicht angebracht ist, sie an Ankerelemente zu binden.

Referenz

Eigenschaften

Das CSS-Ankerpositionierungsmodul führt auch die Eigenschaft anchor-scope ein. Derzeit wird dieses Feature von keinem Browser unterstützt.

At-Regeln und Deskriptoren

Funktionen

Datentypen und Werte

HTML-Attribute

Schnittstellen

Leitfäden

Verwendung der CSS-Ankerpositionierung

Ein einführender Leitfaden zu grundlegenden Ankerpositionierungskonzepten, einschließlich Verknüpfen, Positionieren und Größenanpassen von Elementen in Bezug auf ihre Anker.

Fallback-Optionen und bedingtes Ausblenden bei Überlauf

Ein Leitfaden zu den Mechanismen, die die CSS-Ankerpositionierung bietet, um zu verhindern, dass Ankerpositionierte Elemente über ihre enthaltenen Elemente oder das Ansichtsfenster hinauslaufen, einschließlich Positions-Fallback-Optionen und bedingtem Ausblenden von Elementen.

Verwandte Konzepte

Spezifikationen

Specification
CSS Anchor Positioning

Siehe auch