@position-try | CSS At-Rules

An at-rule that allows you to define custom named sets of positioning properties. These can then be used as fallbacks in the 'position-try-fallbacks' property.

Quick example

@position-try --custom-bottom {
  position-area: bottom;
  margin-top: 10px;
}

.popover {
  position-try-fallbacks: --custom-bottom;
}

@position-try Browser Support

Limited availability 77% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → View spec → Learn more about Baseline →

125+