Свойство visibility в CSS

Определение и использование

Свойство visibility определяет, видим ли элемент.

Совет:Невидимые элементы также занимают пространство на странице. Используйте атрибут "display", чтобы создать невидимые элементы, которые не занимают места на странице.

Описание

Этот атрибут определяет, будет ли отображаться рамка элемента, созданного элементом. Это означает, что элемент все еще занимать свое место, но может быть полностью невидимым. Значение collapse используется в таблицах для удаления строк или столбцов из макета таблицы.

См. также:

Учебник CSS:CSS позиционирование

Руководство по HTML DOM:Свойство visibility

Пример

Сделать элемент h2 невидимым:

h2
  {
  visibility:hidden;
  }

Попробуйте сами

CSS синтаксис

visibility: visible|hidden|collapse|initial|inherit;

Значение атрибута

Значение Описание
visible Значение по умолчанию. Элемент виден.
hidden Элемент невидим.
collapse Когда это значение используется для элементов таблицы, оно может удалить строку или столбец, но не повлияет на макет таблицы. Пространство, занимаемое строкой или столбцом, будет留给 другим содержимому. Если это значение используется для других элементов, оно будет отображаться как "hidden".
inherit Определяет, должны ли значения свойства visibility наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: visible
Инheritability: да
Версия: CSS2
JavaScript синтаксис: object.style.visibility="hidden"

TIY пример

Как сделать элемент невидимым
Этот пример демонстрирует, как сделать элемент невидимым. Вы хотите, чтобы элемент был видимым, или нет?
Установите элемент таблицы в режим collapse
Этот пример демонстрирует, как сделать элементы таблицы прозрачными?

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0