CSS - видимость
Свойство, называемое видимостью, позволяет скрыть элемент из поля зрения. Вы можете использовать это свойство вместе с JavaScript для создания очень сложных меню и очень сложных макетов веб-страниц.
Вы можете использовать свойство видимости, чтобы скрыть сообщения об ошибках, которые отображаются только в том случае, если пользователю нужно их увидеть, или чтобы скрыть ответы на викторину, пока пользователь не выберет вариант.
NOTE - Помните, что исходный код по-прежнему будет содержать все, что находится в невидимом абзаце, поэтому вы не должны использовать его для сокрытия конфиденциальной информации, такой как данные кредитной карты или пароли.
Свойство видимости может принимать значения, перечисленные в следующей таблице:
Sr. No. | Значение и описание |
---|---|
1 | visible Ящик и его содержимое показаны пользователю. |
2 | hidden Поле и его содержимое становятся невидимыми, хотя они по-прежнему влияют на макет страницы. |
3 | collapse Это используется только с динамическими столбцами таблицы и эффектами строк. |
Вот пример -
<html>
<head>
</head>
<body>
<p>
This paragraph should be visible in normal way.
</p>
<p style = "visibility:hidden;">
This paragraph should not be visible.
</p>
</body>
</html>
Это даст следующий результат -