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;
}
background-color: yellow;
visibility: visible;
}