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

Значение по умолчанию: visible
Применяется к: Все элементы
Наследование: Да
Анимирование: Да. Анимируемые свойства
Версия: CSS 2, 3

Синтаксис

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

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.

Поддержка браузеров

Свойство visibility поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.