CSS - Khả năng hiển thị

Thuộc tính được gọi là khả năng hiển thị cho phép bạn ẩn một phần tử khỏi chế độ xem. Bạn có thể sử dụng thuộc tính này cùng với JavaScript để tạo menu rất phức tạp và bố cục trang web rất phức tạp.

Bạn có thể chọn sử dụng thuộc tính khả năng hiển thị để ẩn các thông báo lỗi chỉ được hiển thị nếu người dùng cần xem chúng hoặc ẩn câu trả lời cho một bài kiểm tra cho đến khi người dùng chọn một tùy chọn.

NOTE - Hãy nhớ rằng mã nguồn sẽ vẫn chứa bất cứ thứ gì trong đoạn ẩn, vì vậy bạn không nên sử dụng điều này để ẩn thông tin nhạy cảm như chi tiết thẻ tín dụng hoặc mật khẩu.

Các tầm nhìn bất động sản có thể mất các giá trị được liệt kê trong bảng sau -

Sr.No. Giá trị & Mô tả
1

visible

Hộp và nội dung của nó được hiển thị cho người dùng.

2

hidden

Hộp và nội dung của nó được ẩn đi, mặc dù chúng vẫn ảnh hưởng đến bố cục của trang.

3

collapse

Điều này chỉ để sử dụng với các cột và hiệu ứng hàng của bảng động.

Đây là một ví dụ -

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

Nó sẽ tạo ra kết quả sau: