Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSS-Ankerpositionierung

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

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

  • Eine Reihe von alternativen Positionen für ein Ankerelement anzugeben; wenn die Standard-Renderposition dazu führt, dass es seinen enthaltenden Block überläuft und/oder außerhalb des Bildschirms angezeigt 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 mit Ankerelementen zu verbinden.

Referenz

Eigenschaften

Das CSS-Ankerpositionierungsmodul führt auch die Eigenschaft anchor-scope ein. Derzeit unterstützt kein Browser diese Funktion.

At-rules und Deskriptoren

Funktionen

Datentypen und Werte

HTML-Attribute

Schnittstellen

Leitfäden

Verwendung von CSS-Ankerpositionierung

Ein einführender Leitfaden zu grundlegenden Konzepten der Ankerpositionierung, einschließlich der Zuordnung, Positionierung und Größenanpassung von Elementen relativ zu ihrem Anker.

Fallback-Optionen und bedingtes Ausblenden bei Überlauf

Ein Leitfaden zu den Mechanismen, die die CSS-Ankerpositionierung bietet, um zu verhindern, dass ankerpositionierte Elemente ihre beinhaltenden Elemente oder den Viewport überlaufen, einschließlich Position-Try-Fallback-Optionen und bedingtem Ausblenden von Elementen.

Verwandte Konzepte

Spezifikationen

Specification
CSS Anchor Positioning

Siehe auch