Visibility control

The visibility property allows to control visibility of HTML elements.

value description
hidden Hides element from user, but does not remove from layout. If you want remove from layout, you can use display: none.
visible Shows element to the user, this is default value.
collapse

For <table> rows, columns and theirs groups works like display: none, i.e. removes from layout. But size of other rows and columns is still calculated as though the cells in the collapsed row(s) or column(s) are present. This is useful 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 are hidden, and the space they would have occupied is removed.

For other elements, collapse is treated the same as hidden.