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
anchor-name
position-anchor
position-area
position-try-fallbacks
position-try-order
position-try
Kurzformposition-visibility
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
anchor
Nicht standardisiert
Schnittstellen
CSSPositionTryDescriptors
CSSPositionTryRule
HTMLElement.anchorElement
Nicht standardisiert
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
- CSS logische Eigenschaften und Werte Modul:
- CSS positioniertes Layout Modul:
- CSS Box-Modell Modul:
- CSS Box-Ausrichtung Modul:
Spezifikationen
Specification |
---|
CSS Anchor Positioning |