Свойство visibility задает невидимость элементу. При этом все остальные элементы будут вести себя так, будто элемент никуда не пропадал.

Если вам нужно сделать так, чтобы элемент исчез совсем, и все остальные элементы вели себя так, будто его нет - воспользуйтесь свойством display в значении none.

Синтаксис

селектор {
	visibility: visible | hidden | collapse | inherit;
}

Значения

Значение Описание
visible Элемент видимый.
hidden Элемент становится невидимым или правильней сказать, полностью прозрачным, поскольку он продолжает участвовать в форматировании страницы.
collapse Если это значение применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как hidden. В случае использования collapse для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено display: none. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой.
inherit Наследует значение родителя.

Значение по умолчанию: visible.