monks/visibility

The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a {{HTMLElement(“table”)}}.

Values

collapse

</>

pub const collapse: #(String, String)

: The collapse keyword has different effects for different elements: - For {{HTMLElement(“table”)}} rows, columns, column groups, and row groups, the row(s) or column(s) are hidden and the space they would have occupied is removed (as if {{Cssxref("display")}}: none were applied to the column/row of the table). However, the size of other rows and columns is still calculated as though the cells in the collapsed row(s) or column(s) are present. This value allows for the fast removal of a row or column from a table without forcing the recalculation of widths and heights for the entire table. - Collapsed flex items and ruby annotations are hidden, and the space they would have occupied is removed. - For other elements, collapse is treated the same as hidden.

hidden

</>

pub const hidden: #(String, String)

: The element box is invisible (not drawn), but still affects layout as normal. Descendants of the element will be visible if they have visibility set to visible. The element cannot receive focus (such as when navigating through tab indexes).

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 visibility

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

visible

</>

pub const visible: #(String, String)

: The element box is visible.