Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство видимости определяет, будет ли виден элемент.
Tip: Даже невидимые элементы занимают много места на странице. С помощью дисплея свойством создавать невидимые элементы , которые не занимают пространство!
| Значение по умолчанию: | visible |
|---|---|
| Наследование: | yes |
| Animatable: | yes. Read about animatable |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object .style.visibility="hidden" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| visibility | 1,0 | 4.0 | 1,0 | 1,0 | 4.0 |
CSS Синтаксис
visibility: visible|hidden|collapse|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| visible | Значение по умолчанию. Элементом является видимым | Сыграй " |
| hidden | Элемент является невидимым (but still takes up space) по- (but still takes up space) | Сыграй " |
| collapse | Только для элементов таблицы. Распад удаляет строку или столбец, но это не влияет на макет таблицы. Места, занимаемого в строке или столбце, будут доступны для другого контента. Если коллапс использоваться и для других элементов, она обрабатывается как "hidden" | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
пример
Этот пример демонстрирует, как сделать коллапс элемент таблицы:
tr.collapse {
visibility: collapse;
} Попробуй сам " Похожие страницы
Учебник CSS: CSS Отображение и видимость
HTML DOM ссылка: visibility property