УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Свойство visibility


CSS Справочник Полный CSS Справочник

Пример

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

h2
{
visibility:hidden;
}

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

Еще примеры внизу этой страницы.

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

Свойство visibility указывает, является ли элемент видимым.

Подсказка: Даже невидимые элементы занимают место на странице. Используйте свойство "display" для создания невидимых элементов, которые не занимают место!

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


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

Internet Explorer Firefox Opera Google Chrome Safari

Свойство visibility поддерживается всеми основными браузерами.

Замечание: Ни одна версия Internet Explorer (включая IE8) не поддерживает значения свойства "inherit" и "collapse".


Значения Свойства

Значение Описание
visible Элемент является видимым. Используется по умолчанию
hidden Элемент является невидимым (но по-прежнему занимает место)
collapse Только для табличных элементов. Значение collapse удаляет строку или столбец, но не воздействует на компоновку таблицы. Место, занимаемое строкой или столбцом будет доступно для другого содержимого.

Если collapse используется на других элементах, оно отображается как "hidden"

inherit Указывает, что значение свойства visibility должно наследоваться от родительского элемента


Примеры

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

Как заставить элемент таблицы захлопнуться
Этот пример демонстрирует, как заставить элемент таблицы захлопнуться.


Смотрите Также

CSS уроки: CSS Отображение и Видимость


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS