CSS Anchor Positioning

GPTKB entity

Statements (26)
Predicate Object
gptkbp:instanceOf CSS feature
gptkbp:allows dynamic positioning based on anchor element
gptkbp:canBe position: absolute
position: fixed
position: relative
position: sticky
gptkbp:compatibleWith Firefox (as of June 2024)
Safari (as of June 2024)
gptkbp:definedIn gptkb:CSS_Positioned_Layout_Module_Level_4
gptkbp:enables dropdowns to align with anchor elements
popovers to be positioned relative to triggers
positioning elements relative to other elements
tooltips to follow anchor elements
https://www.w3.org/2000/01/rdf-schema#label CSS Anchor Positioning
gptkbp:introducedIn gptkb:CSS_Level_4
gptkbp:requires anchor element to have anchor-name
gptkbp:specifies https://drafts.csswg.org/css-anchor-position-1/
gptkbp:status experimental
gptkbp:supportedBy gptkb:Edge_125+
Chrome 125+
gptkbp:uses anchor() function
anchor-default property
anchor-name property
anchor-scroll property
gptkbp:bfsParent gptkb:CSS_Working_Group
gptkbp:bfsLayer 4