monks/column_gap

The column-gap CSS property sets the size of the gap ({{glossary(“Gutters”,“gutter”)}}) between an element’s columns.

Initially a part of Multi-column Layout, the definition of column-gap has been broadened to include multiple layout methods. Now specified in CSS box alignment, it may be used in multi-column, flexible box, and grid layouts.

Early versions of the specification called this property grid-column-gap, and to maintain compatibility with legacy websites, browsers will still accept grid-column-gap as an alias for column-gap.

Values

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-gap

normal

</>

pub const normal: #(String, String)

: The browser’s default spacing is used between columns. For multi-column layout this is specified as 1em. For all other layout types it is 0.- {{CSSxRef(“<length>”)}} - : The size of the gap between columns, defined as a {{CSSxRef(“<length>”)}}. The {{CSSxRef(“<length>”)}} property’s value must be non-negative.- {{CSSxRef(“<percentage>”)}} - : The size of the gap between columns, defined as a {{CSSxRef(“<percentage>”)}}. The {{CSSxRef(“<percentage>”)}} property’s value must be non-negative.

raw

</>

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

Enter a raw string value for column-gap

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