visibility

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

CSS 1	CSS 2	CSS 2.1	CSS 3
			+

Описание

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

Синтаксис

visibility: visible | hidden | collapse | inherit

Значения

visible

Отображает элемент как видимый.

hidden

Элемент становится невидимым или правильней сказать, полностью прозрачным, поскольку он продолжает участвовать в форматировании страницы.

collapse

Если это значение применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как hidden. В случае использования collapse

для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено display: none. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой. Это значение не поддерживается браузером Internet Explorer.

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 для всех элементов.

Категория: Видимость и Форматирование