<anchor>
Allows an element (like a tooltip or menu) to be docked to another element on the page, ensuring it stays positioned relative to that target even if the page scrolls or layout changes.
Syntax
/* Usage Example */
.tooltip {
/* Docks the top of the tooltip to the bottom of the anchor */
top: anchor(bottom);
position: absolute;
}<anchor> Browser support
Limited availability
Since
2020 77% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
125+
125+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more