<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.
Quick example
.tooltip {
/* Docks the top of the tooltip to the bottom of the anchor */
top: anchor(bottom);
position: absolute;
}<anchor> Browser Support
Limited availability 77% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
125+
125+