WEBBOOK CHAPTER

모던 CSS, 기본에서 실무까지: 22장. Anchor Positioning

22장. Anchor Positioning

Anchor Positioning은 tooltip·popover를 기준 element에 선언적으로 붙인다. anchor-name, position-anchor, anchor(), position-area, @position-try로 viewport overflow fallback을 설계한다.

2026년 최신 브라우저에서 Baseline Newly available이지만 구형 브라우저가 남아 있다. 먼저 일반 flow 또는 fixed dialog로 기능을 제공하고 @supports(anchor-name:--trigger) 안에서 위치만 향상한다. hover 전용 tooltip은 만들지 않는다.

anchor가 scroll container 밖으로 나가거나 여러 anchor 이름이 중복되는 경우를 시험한다. 시각적 연결만으로 접근 가능한 이름과 관계가 생기지 않으므로 HTML/ARIA 의미는 별도로 제공한다.