monks/container_name

The container-name CSS property specifies a list of query container names used by the @container at-rule in a container query. A container query will apply styles to elements based on the size or scroll-state of the nearest ancestor with a containment context. When a containment context is given a name, it can be specifically targeted using the {{Cssxref(“@container”)}} at-rule instead of the nearest ancestor with containment.

Values

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

none

</>

pub const none: #(String, String)

: Default value. The query container has no name.

raw

</>

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

Enter a raw string value for container-name

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 container-name. It will be wrapped in var() and have -- prepended.