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 Ihnen ermöglichen, Elemente miteinander zu verbinden. Bestimmte Elemente werden als Ankerelemente definiert; ankerpositionierte Elemente können dann in ihrer Größe und Position relativ zu diesen Ankerelementen, an die sie gebunden sind, eingestellt werden.

Zusätzlich bietet die Spezifikation ausschließlich CSS-basierte Mechanismen, um:

  • Eine Reihe alternativer Positionen für ein ankeriertes Element anzugeben; wenn die Standardanzeigeposition dazu führt, dass es über seinen umgebenden Block hinausragt und/oder außerhalb des Bildschirms angezeigt wird, versucht der Browser, das ankerierte Element in den alternativen Positionen anzuzeigen.
  • Bedingungen festzulegen, unter denen ankerpositionierte Elemente ausgeblendet werden sollten, wenn es unangemessen ist, sie an Ankerelemente zu binden.

Referenz

Eigenschaften

Das CSS-Ankerpositionierungsmodul führt auch die Eigenschaft anchor-scope ein. Derzeit unterstützen keine Browser dieses Feature.

@-Regeln 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 umliegenden Elemente oder das Ansichtsfenster überlaufen, einschließlich der Position-Try-Fallback-Optionen und des bedingten Ausblendens von Elementen.

Verwandte Konzepte

Spezifikationen

Specification
CSS Anchor Positioning

Siehe auch