CSS-свойство visibility

Описание: Контролирует, видим ли элемент на странице и влияет ли он на доступность контента.

Значения:

Начальное значение: visible

Применяется к: Все элементы

Наследуется: Нет

Медиа-тип: visual

Пример использования

.hidden-element {
  visibility: hidden;
}

Элементы с visibility: hidden остаются в DOM и могут быть доступны для скринридеров, но не видны визуально. Это может сбивать с толку пользователей вспомогательных технологий.
Используйте visibility для временного скрытия элементов без удаления их из потока документа, но убедитесь, что это не мешает доступности контента.
Элемент с visibility: collapse ведет себя аналогично display: none в некоторых случаях, например, для строк таблиц.