English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @ правила (RULES)

Полный список CSS атрибутов

Метод использования и примеры CSS visibility

Атрибут visibility определяет, видим ли элемент.

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

Значение по умолчанию:visible
Применяется к:Все элементы
Инherit:Да
Анимация:Да.Пожалуйста, обратитесь к: Атрибуты анимации.
Версия:CSS 2, 3
JavaScript грамматика:object.style.visibility="hidden"

Использование грамматики visibility

Грамматика этого атрибута такая:

visibility: visible | hidden | collapse | initial | inherit

Ниже приведен пример того, как использовать атрибут visibility.

  p {
   visibility: hidden;
  }
  div {
   visibility: hidden;
  }
Проверьте, посмотрите‹/›

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

В таблице ниже описаны значения этого атрибута.

ЗначениеОписание
visibleЭтот фрейм и его содержимое видны. Это значение по умолчанию.
hiddenЭтот фрейм и его содержимое не видны, но они все еще влияют на макет страницы.
collapse

Только для некоторых внутренних объектов таблицы: строк, групп строк, столбцов и групп столбцов. Это удаляет объект, но не влияет на макет таблицы в других способах. Пространство, занимаемое объектом таблицы, будет заполнено последующими同级 объектами.

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

initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли задан, то связанные элементы используют значение атрибута visibility родительского элемента.

Совместимость браузеров

Совместимость браузеров с атрибутом visibility. Числа в таблице указывают на минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Для дальнейшего чтения

Пожалуйста, обратитесь к следующим教程:CSS видимость,CSS отображение.

Связанные атрибуты:display.