32 lines
2.3 KiB
Markdown
32 lines
2.3 KiB
Markdown
|
---
|
|||
|
title: Visibility Property
|
|||
|
localeTitle: Свойство видимости
|
|||
|
---
|
|||
|
## Свойство видимости
|
|||
|
|
|||
|
Свойство Visibility можно использовать для контроля видимости любого элемента. Значение по умолчанию - `visibility: visible;`
|
|||
|
|
|||
|
#### Возможные значения:
|
|||
|
|
|||
|
Свойство видимости может иметь 5 возможных значений.
|
|||
|
|
|||
|
1. `visible` : Это значение по умолчанию, которое показывает элемент.
|
|||
|
2. `hidden` : это значение скрывает элемент, но сохраняет макет или пространство, занимаемое элементом.
|
|||
|
3. `collapse` : эти значения аналогичны скрытым, но применимы для строк или столбцов таблицы. Он скрывает содержимое строки или столбца.
|
|||
|
4. `initial` : Это свойство устанавливает значение по умолчанию (видимое).
|
|||
|
5. `inherit` : Наследует значение свойства от значения его родительского элемента.
|
|||
|
|
|||
|
#### Сходства и различия с другими свойствами:
|
|||
|
|
|||
|
1. opacity: разница между свойствами `visibility` и `opacity` - непрозрачность, которую можно использовать для затухания и элемента. `visibility: hidden;` и `opacity: 0;` оказывает аналогичное влияние на элемент.
|
|||
|
|
|||
|
2. display: Единственная разница между видимостью: скрытой; и отображение: нет; заключается в том, что последний удаляет макет или пространство, занимаемое этим элементом.
|
|||
|
|
|||
|
|
|||
|
#### Совместимость с браузером:
|
|||
|
|
|||
|
Это свойство CSS2 и совместимо со всеми основными браузерами.
|
|||
|
|
|||
|
#### Дополнительная информация:
|
|||
|
|
|||
|
[CSS Visibility - w3school](https://www.w3schools.com/cssref/pr_class_visibility.asp)
|