The CSS anchor-scope Property: Design and Blink Layout

The provided text exhaustively describes the CSS anchor-scope property, a critical addition to CSS Anchor Positioning designed to prevent naming conflicts when reusing components. This property defines an anchoring scope within a subtree, limiting the visibility of specific named anchors (like --name1) or all anchors (all) to positioned elements within that same subtree. The documents detail the property's syntax, semantics, and motivation, emphasizing its role in supporting modular web components and ensuring encapsulation by avoiding the default behavior where the last-defined anchor name globally wins. Furthermore, the source includes a deep technical analysis of the Blink engine's implementation (used in Chrome), explaining how the property is handled from parsing (using ScopedCSSName linked to a TreeScope) through the style system and the final layout stage, where the AnchorEvaluator strictly filters candidate anchors to confirm they exist within the element's defined scope.