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 ihre Größe und Position basierend auf der Größe und Lage der Ankerelemente, mit denen sie verbunden sind, festlegen.

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

  • Eine Reihe von alternativen Positionen für ein verankertes Element anzugeben; wenn die Standardpositionierung dazu führt, dass es seinen enthaltenen Block überläuft und/oder außerhalb des Bildschirms dargestellt wird, wird der Browser versuchen, das verankerte Element in den alternativen Positionen darzustellen.
  • Bedingungen festzulegen, unter denen ankerpositionierte Elemente ausgeblendet werden sollten, in Situationen, in denen es nicht angemessen ist, sie mit Ankerelementen zu verbinden.

Referenz

Eigenschaften

At-Regeln und Deskriptoren

Funktionen

Datentypen und Werte

HTML-Attribute

Schnittstellen

Leitfäden

CSS-Ankerpositionierung verwenden

Ein einführender Leitfaden zu grundlegenden Konzepten der Ankerpositionierung, einschließlich der Zuordnung, Positionierung und Größenanpassung von Elementen im Verhältnis 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 enthaltenen Elemente oder den Viewport überlaufen, einschließlich Fallback-Optionen bei der Positionierung und bedingt ausblendbaren Elementen.

Verwandte Konzepte

Spezifikationen

Specification
CSS Anchor Positioning Module Level 1

Siehe auch