Учебники

CSS — видимость

Свойство видимости позволяет скрыть элемент от просмотра. Вы можете использовать это свойство вместе с JavaScript для создания очень сложного меню и очень сложных макетов веб-страниц.

Вы можете использовать свойство видимости, чтобы скрыть сообщения об ошибках, которые отображаются только в том случае, если пользователь должен их видеть, или скрывать ответы на вопросы до тех пор, пока пользователь не выберет опцию.

ПРИМЕЧАНИЕ. — Помните, что исходный код по-прежнему будет содержать все, что находится в невидимом абзаце, поэтому вам не следует использовать это, чтобы скрыть конфиденциальную информацию, такую ​​как данные кредитной карты или пароли.

Свойство видимости может принимать значения, перечисленные в следующей таблице:

Sr.No. Значение и описание
1

видимый

Коробка и ее содержимое показываются пользователю.

2

скрытый

Поле и его содержимое становятся невидимыми, хотя они по-прежнему влияют на макет страницы.

3

коллапс

Это для использования только с динамическими столбцами таблицы и эффектами строк.

видимый

Коробка и ее содержимое показываются пользователю.

скрытый

Поле и его содержимое становятся невидимыми, хотя они по-прежнему влияют на макет страницы.

коллапс

Это для использования только с динамическими столбцами таблицы и эффектами строк.

Вот пример —

Live Demo

<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> 

Это даст следующий результат —