monks/position_try_order

The position-try-order CSS property allows you to specify various fallback options that result in an available position-try fallback being used to set an anchor-positioned element’s position, instead of its initial position settings.

There is also a shorthand property — {{cssxref(“position-try”)}}, which can be used to specify position-try-order and {{cssxref(“position-try-fallbacks”)}} values in a single declaration.

Values

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

most_block_size

</>

pub const most_block_size: #(String, String)

  - : The position try fallback option will be applied that gives the element's containing block the largest size in the block direction.

most_height

</>

pub const most_height: #(String, String)

  - : The position try fallback option will be applied that gives the element's containing block the most height.

most_inline_size

</>

pub const most_inline_size: #(String, String)

  - : The position try fallback option will be applied that gives the element's containing block the largest size in the inline direction.

most_width

</>

pub const most_width: #(String, String)

  - : The position try fallback option will be applied that gives the element's containing block the most width.

normal

</>

pub const normal: #(String, String)

: The default. No position-try fallback options will be tried when the element is first displayed.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for position-try-order

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for position-try-order. It will be wrapped in var() and have -- prepended.