position-anchor
Specifies which defined anchor element a positioned element should track. It connects the positioned element to its anchor by name.
Quick example
.tooltip {
position: absolute;
/* Links this tooltip to an element with 'anchor-name: --my-btn' */
position-anchor: --my-btn;
top: anchor(bottom);
}Quick facts
Initial value
noneInherited
No
Applies to
absolutely positioned elements
Animation type
discrete
Values
autonone position-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+