monks/column_width

The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width value. If the width of the container is narrower than the specified value, the single column’s width will be smaller than the declared column width.

This property can help you create responsive designs that fit different screen sizes. Especially in the presence of the {{cssxref(“column-count”)}} property (which has precedence), you must specify all related length values to achieve an exact column width. In horizontal text these are {{cssxref(‘width’)}}, column-width, {{cssxref(‘column-gap’)}}, and {{cssxref(‘column-rule-width’)}}.

Values

auto_

</>

pub const auto_: #(String, String)

: The width of the column is determined by other CSS properties, such as {{cssxref(“column-count”)}}.

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 column-width

raw

</>

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

Enter a raw string value for column-width

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