CSS-свойство visibility

CSS-свойство visibility указывает, является ли элемент видимым на экране или нет.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

visibility: visible | hidden | collapse | initial | inherit

Примеры написания кода свойства visibility:

p {
    visibility: hidden;
}
div {
    visibility: hidden;
}

В следующей таблице описаны значения этого свойства.

Значение	Описание
`visible`	Элемент отображается как видимый. Это значение установлено по умолчанию.
`hidden`	Элемент и его содержимое невидимы, но элемент остается в DOM-дереве документа.
`collapse`	Только для определенных внутренних объектов таблицы: строки (rows), группы строк (row groups), столбцы (columns) и группы столбцов (column groups). Он скрывает объекты, но никак не влияет на макет таблицы. Пространство, занимаемое объектом таблицы, будет заполнено последующими элементами таблицы
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `visibility`.