visibility
Оновлено: 05.12.2022
visibility
Призначений для відображення або приховування елемента, включно з рамкою навколо нього і тлом. Під час приховування елемента, хоча його і стає не видно, місце, яке елемент займає, залишається за ним. Якщо передбачається виведення різних елементів в одне й те саме місце екрана, для обходу цієї особливості слід використовувати абсолютне позиціонування або скористатися властивістю display.
Коротка інформація
| Значення за замовчуванням | visible |
|---|---|
| Успадковується | Так |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
visibility: visible | hidden | collapse
Значення
| visible | Відображає елемент як видимий. |
| hidden | Елемент стає невидимим або правильніше сказати, повністю прозорим, оскільки він продовжує брати участь у форматуванні сторінки. |
| collapse | Якщо це значення застосовується не до рядків або колонок таблиці, то результат його використання буде таким самим, як hidden. У разі використання collapse для вмісту клітинок таблиць, то вони реагують, немов до них було додано display: none. Іншими словами, задані рядки і колонки прибираються, а таблиця перебудовується за новою. |
Приклад
Об'єктна модель
Об'єкт.style.visibility