СSS Свойство visibility
Пример
Сделайте элементы <h2> видимыми и скрытыми:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Попробуйте сами »
Определение и использование
Свойство visibility указывает, является ли элемент видимым.
Совет: Скрытые элементы занимают место на странице. Используйте display для скрытия и удаления элемента из макета документа!
| Значение по умолчанию: | visible |
|---|---|
| Унаследованный: | да |
| Анимируемый: | да. Прочитать о animatable |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.visibility="hidden" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Синтаксис
visibility: visible|hidden|collapse|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| visible | Значение по умолчанию. Элемент является видимым | Воспроизвести » |
| hidden | Элемент скрыт (но все равно занимает место) | Воспроизвести » |
| collapse | Только для строк таблицы (<tr>), групп строк (<tbody>), столбцов (<col>), группы столбцов (<colgroup>). Это значение удаляет строку или столбец, но это не влияет на макет таблицы. Пространство, занимаемое строкой или столбцом будет доступен для другого контента.
Если collapse используется для других элементов, он отображает как "hidden"; |
Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
В этом примере показано, как свернуть элемент таблицы:
tr.collapse {
visibility: collapse;
}
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Отображение и видимость
HTML DOM Справочник: Свойство visibility
