CSS Verankerungspositionierung

Das CSS Verankerungspositionierung-Modul definiert Funktionen, die es ermöglichen, Elemente miteinander zu verbinden. Bestimmte Elemente werden als Verankerungselemente definiert; verankerungspositionierte Elemente können dann ihre Größe und Position basierend auf der Größe und dem Standort der Verankerungselemente, an die sie gebunden sind, festlegen.

Darüber hinaus bietet die Spezifikation ausschließlich CSS-Mechanismen, um:

  • Einen Satz alternativer Positionen für ein verankertes Element anzugeben; wenn die Standard-Rendering-Position dazu führt, dass es seinen enthaltenden Block überläuft und/oder außerhalb des Bildschirms gerendert wird, wird der Browser versuchen, das verankerte Element stattdessen an den alternativen Positionen darzustellen.
  • Bedingungen zu deklarieren, unter denen verankerungspositionierte Elemente verborgen werden sollen, in Situationen, in denen es nicht angemessen ist, sie an Verankerungselemente zu binden.

Referenz

Eigenschaften

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

At-Regeln und Deskriptoren

Funktionen

Datentypen und Werte

HTML-Attribute

Schnittstellen

Leitfäden

Verwendung der CSS Verankerungspositionierung

Ein einführender Leitfaden zu grundlegenden Konzepten der Verankerungspositionierung, einschließlich der Zuordnung, Positionierung und Größenbestimmung von Elementen relativ zu ihrer Verankerung.

Umgang mit Überlauf: Versuchen Sie Fallbacks und bedingtes Verbergen

Ein Leitfaden zu den Mechanismen, die die CSS Verankerungspositionierung bietet, um zu verhindern, dass verankerungspositionierte Elemente ihre enthaltenen Elemente oder das Ansichtsfenster überlaufen, einschließlich Fallback-Optionen und bedingtem Verbergen von Elementen.

Verwandte Konzepte

Spezifikationen

Specification
CSS Anchor Positioning

Siehe auch