CSS свойство visibility, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-4260646Перейти к справке CSS

h2 { visibility:hidden;

}

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

Свойство CSS visibility определяет будет ли элемент видимым или нет.

Совет: даже невидимые элементы занимают свое место на странице, оставляя пустые пробелы. Чтобы сделать элемент не только не видимым, но и убрать его из разметки, используйте свойство CSS «display«!

Значение по умолчанию visible
Наследование да
Версия CSS CSS 2
Синтаксис JavaScript object.style.visibility=»hidden»

Поддержка в браузерах

chrome-7483758 firefox-4337131 ie-4171512 opera-4061456 safari-1742548
Свойство visibility поддерживается всеми основными браузерами.

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

Возможные значения свойства visibility

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

Значение collapse для других элементов действует так же, как и «hidden»

inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Отображение различных элементов в CSS

up_violet-4260646Перейти к справке CSS