Свойства CSS

Меню

visibility

Поддержка браузерами

12.0+ 4.0+ 1.0+ 1.0+ 4.0+ 1.0+

Описание

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

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

Примечание: обратите внимание, что пользователи могут просмотреть содержимое скрытого элемента в исходном коде страницы.

Значение по умолчанию: visible
Применяется: ко всем элементам
Анимируется: да
Наследуется: да
Версия: CSS2
Синтаксис JavaScript: object.style.visibility="hidden"

Синтаксис

visibility: visible|hidden|collapse|inherit;

Значения свойства

Значение Описание
visible Указывает, что элемент будет отображен на странице.
hidden Указывает, что элемент будет скрыт.
collapse Используется только с элементами таблицы. Скрывает строку или столбец, при этом не изменяя общий вид таблицы. Пустое пространство становится доступным для другого содержимого.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
visibility:
Результат:
DIV элемент.
Элемент, значение которого будет изменяться.
DIV элемент.
CSS Код:
div#myDIV {
background-color: yellow;
visibility: visible;
}
Кликните на любое значение свойства, чтобы увидеть результат