monks/grid_auto_columns

The grid-auto-columns CSS property specifies the size of an implicitly-created grid column {{glossary(“grid tracks”, “track”)}} or pattern of tracks.

Values

auto_

</>

pub const auto_: #(String, String)

: As a maximum represents the largest {{cssxref(“max-content”)}} size of the items in that track. As a minimum represents the largest minimum size of items in that track (specified by the {{cssxref(“min-width”)}}/{{cssxref(“min-height”)}} of the items). This is often, though not always, the {{cssxref(“min-content”)}} size. If used outside of {{cssxref(“minmax”, “minmax()”)}} notation, auto represents the range between the minimum and maximum described above. This behaves similarly to minmax(min-content,max-content) in most cases. > [!NOTE] > auto track sizes (and only auto track sizes) can be stretched by the {{cssxref(“align-content”)}} and {{cssxref(“justify-content”)}} properties. Therefore by default, an auto sized track will take up any remaining space in the grid container.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

length

</>

pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of grid-auto-columns

max_content

</>

pub const max_content: #(String, String)

: Is a keyword representing the largest maximal content contribution of the grid items occupying the grid track.

min_content

</>

pub const min_content: #(String, String)

: Is a keyword representing the largest minimal content contribution of the grid items occupying the grid track.

raw

</>

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

Enter a raw string value for grid-auto-columns

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