Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |||
6.0+ | 8.0+ | 1.0+ | 4.0+ | 9.5+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ |
Значение по умолчанию | visible |
---|---|
Наследуется | Да |
Применяется | Ко всем элементам |
Ссылка на спецификацию | http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility |
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним. Если предполагается вывод разных элементов в одно и то же место экрана, для обхода этой особенности следует использовать абсолютное позиционирование или воспользоваться свойством display.
visibility: visible | hidden | collapse | inherit
Пример
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>visibility</title> <style> .descr { visibility: hidden; } .b:hover + .descr { visibility: visible; } </style> </head> <body> <img src="images/button.gif" width="98" height="33" alt="Кнопка" class="b"> <div class="descr"> Данная эксклюзия является подмножеством астрациональных супремативных монотенных федоний кадонарного экстрафазория.</div> </body> </html>
[window.]document.getElementById(«elementID«).style.visibility
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit и collapse.
Браузер Safari до версии 4.0 не поддерживает значение collapse.
Opera до версии 9.5 воспринимает значение collapse как hidden для всех элементов.
Сайт