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
anchor-nameposition-anchorposition-areaposition-try-fallbacksposition-try-orderposition-tryKurzformposition-visibility
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
anchorNicht standardisiert
Schnittstellen
CSSPositionTryDescriptorsCSSPositionTryRuleHTMLElement.anchorElementNicht standardisiert
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
- Modul für CSS-logische Eigenschaften und Werte:
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- Glossarbegriff für Einfassungs-Eigenschaften
- Modul für CSS-positioniertes Layout:
- Modul für CSS-Box-Modell:
- Modul für CSS-Box-Ausrichtung:
Spezifikationen
| Specification |
|---|
| CSS Anchor Positioning> |