monks/grid_area

The grid-area CSS shorthand property specifies a grid item’s size and location within a {{glossary(“grid”, “grid”)}} by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its {{glossary(“grid areas”, “grid area”)}}.

Values

auto_

</>

pub const auto_: #(String, String)

: Is a keyword indicating that the property contributes nothing to the grid item’s placement, indicating auto-placement or a default span of 1.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

raw

</>

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

Enter a raw string value for grid-area

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

span

</>

pub const span: #(String, String)

span value of grid-area

unset

</>

pub const unset: #(String, String)

var

</>

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

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