Что указывается в visibility в CSS

Свойство visibility в CSS управляет видимостью элемента, но не удаляет его из DOM.

Основные значения:

• visible (по умолчанию) — элемент виден
• hidden — элемент невидим, но занимает место в разметке
• collapse — работает только для табличных элементов (строк, колонок, групп), скрывая их без нарушения структуры таблицы

Отличие от display: none:

• visibility: hidden сохраняет пространство элемента
• display: none полностью удаляет элемент из потока документа

Пример:

.invisible {
  visibility: hidden; /* элемент скрыт, но место остаётся */
}

.removed {
  display: none; /* элемент полностью удалён из потока */
}