anchors-valid and anchors-visibleLimited availability

The position-visibility: anchors-valid and position-visibility: anchors-visible CSS declarations are aliases for anchor-valid and anchor-visible.

Not yet supported in all major browsers — check the table and provide a fallback.

Discouraged: The anchors-valid and anchors-visible values were renamed to the singular anchor-valid and anchor-visible values, since they refer to one anchor at a time.

How to use ↓Compare browsers

Browser support

DesktopChrome

✕Not supportedup to 155

Current: 155

Edge

✕Not supportedup to 154

Current: 154

Firefox

1–146Not supported

147+Supportedsince Jan 13, 2026

Current: 157

Safari

1–26.1Not supported

26.2+Supportedsince Dec 12, 2025

Current: 27

MobileChrome Android

✕Not supportedup to 155

Current: 155

Firefox Android

4–146Not supported

147+Supportedsince Jan 13, 2026

Current: 157

Safari iOS

1–26.1Not supported

26.2+Supportedsince Dec 12, 2025

Current: 27

How to use

Not supported in Chrome, Edge, Chrome Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN — see the links below.

Feature detection

CSS · check before using

@supports (position-visibility: anchors-valid) {
  /* styles that rely on position-visibility: anchors-valid */
}

/* or in JavaScript */
if (CSS.supports("position-visibility", "anchors-valid")) {
  // use it
}

Specification

drafts.csswg.org#position-visibility ↗

Sub-features

Support for each part of the feature (2). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
position-visibility.anchors-valid	✕	✕	147	26.2	✕	147	26.2
position-visibility.anchors-visible	125	125	147	26.2	125	147	26.2