visibility

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Частично Да Да Да Ошибки Ошибки Да Частично Частично Да Да Да Да

 

CSS CSS2, CSS2.1
Значение по умолчанию visible
Наследуется Да
Применяется Ко всем элементам
Аналог HTML Нет

Описание

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

Синтаксис

visibility: visible | hidden | collapse | inherit

Значения

visible
Отображает элемент как видимый.
hidden
Элемент становится невидимым или правильней сказать, полностью прозрачным, поскольку он продолжает участвовать в форматировании страницы.
collapse
Если это значение применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как hidden. В случае использования collapse для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено display: none. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой. Это значение не поддерживается браузером Internet Explorer.
inherit
Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html;    charset=windows-1251">   <title>visibility</title>   <script type="text/javascript">     function hiddenLayer() {     document.getElementById("descr").style.visibility = "hidden";    }    function showLayer() {     document.getElementById("descr").style.visibility = "visible";    }   </script>  </head>  <body>      <p>   <a href="#" onMouseOver="showLayer()" onMouseOut="hiddenLayer()">   <img src="/button.gif" width="98" height="33" alt="Кнопка">   </a></p>    <div id="descr" style="visibility: hidden">    Данная эксклюзия является подмножеством астрациональных     супремативных монотенных федоний кадонарного экстрафазория.</div>     </body> </html>

Объектная модель

[window.]document.getElementById("elementID").style.visibility

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit и collapse.

Браузер Safari до версии 2.0 включительно поддерживает значение collapse.

Opera до версии 9.2 включительно воспринимает значение collapse как hidden для всех элементов.