CSS Anchor Positioning Quiz

Test anchor naming, lookup, anchored placement and sizing, fallback positioning, accessibility, and curriculum ownership boundaries.

8 questions ~7 min Advanced

Knowledge check

Test anchor naming, lookup, anchored placement and sizing, fallback positioning, accessibility, and curriculum ownership boundaries.

You can retake this quiz whenever you like.

0:00

0/0

Which property declares that an element's principal box can be an anchor box?

anchor-name declares anchor names for an element's anchor box.
What does anchor-scope control?

anchor-scope limits where specified anchor names are visible.
What does position-area provide?

position-area selects a region of the 3×3 position-area grid relative to the default anchor box.
Where can anchor() be used?

Level 1 defines anchor() as a value for inset properties.
Which function derives a length from an anchor box's size?

anchor-size() refers to an anchor box dimension.
When is position fallback used?

Position fallback tries additional position options when the current placement overflows.
Which topic remains owned by the Container Queries lesson rather than this one?

Container Queries owns @container, container types/names, and container-relative units; Anchor Positioning only establishes the anchor-specific boundary.
What semantic relationship does Anchor Positioning automatically create?

The specification explicitly says Anchor Positioning does not create, delete, or alter accessibility bindings.

Which property declares that an element's principal box can be an anchor box?