position-try

The position-try CSS shorthand property corresponds to the position-try-order and position-try-fallbacks properties.

The position-try shorthand property can be used to specify the position-try-order and position-try-fallbacks properties in a single declaration. It specifies the position-try-order and position-try-fallbacks, in that order. If the position-try-order component is omitted, it defaults to normal.

The position-try-fallbacks is a comma-separated list of one or more alternative position try fallback options for anchor-positioned elements to be placed relative to their associated anchor elements. When the element would otherwise overflow its inset-modified containing block, the browser will try placing the positioned element in these different fallback positions, in the order provided, until it finds a value that stops it from overflowing its container or the viewport.

Syntax example: position-try: normal flip-block;