CSS visibility Свойство
Пример
Сделайте элементы <H2> видимыми и скрытыми:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Подробнее примеры ниже.
Определение и использование
Свойство visibility
указывает, является ли элемент видимым.
Совет: Скрытые элементы занимают место на странице. Свойство Display используется для скрытия и удаления элемента из макета документа!
Значение по умолчанию: | visible |
---|---|
Inherited: | yes |
Animatable: | yes. Читайте о animatable |
Version: | 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>). Это значение удаляет строку или столбец, но не влияет на макет таблицы. Пространство, занимаемое строкой или столбцом, будет доступно для другого содержимого. Если для других элементов используется свертывание, оно отображается как "скрытый" |
|
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
В этом примере демонстрируется, как сделать элемент таблицы свернутым:
tr.collapse {
visibility: collapse;
}
Похожие страницы
CSS Справочник: CSS Display and visibility
HTML DOM Справочник: visibility Свойство