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
anchorNicht standardisiert
Schnittstellen
CSSPositionTryDescriptorsCSSPositionTryRuleHTMLElement.anchorElementNicht standardisiert
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
- CSS-logische Eigenschaften und Werte Modul:
inset-block-startinset-block-endinset-inline-startinset-inline-endinset-blockinset-inlineinsetKurzforminline-sizemin-block-sizemin-inline-sizeblock-sizemax-block-sizemax-inline-sizemargin-blockmargin-block-endmargin-block-startmargin-inlinemargin-inline-endmargin-inline-start- Inset-Eigenschaften Glossarbegriff
- CSS-positioniertes Layout Modul:
- CSS-Boxmodell Modul:
- CSS-Box-Ausrichtung Modul:
Spezifikationen
| Specification |
|---|
| CSS Anchor Positioning Module Level 1> |