Thuộc tính visibility trong CSS

CSS có thuộc tính visibility giúp bạn ẩn một phần tử nào đó. Sử dụng thuộc tính này cùng với JavaScript, bạn có thể tạo ra các menu phức tạp và các layout đa tính năng.

Chẳng hạn, bạn có thể sử dụng thuộc tính visibility để ẩn các thông báo lỗi và chỉ hiển thị các thông báo này nếu cần hiển thị tới người sử dụng, hoặc để ẩn các câu trả lời trong các câu hỏi cho tới khi người dùng đã trả lời xong.

Bảng sau liệt kê các giá trị mà thuộc tính visibility có thể nhận:

Giá trị	Miêu tả
visible	Hiển thị nội dung tới người dùng
hidden	Ẩn nội dung
collapse	Chỉ sử dụng với các cột và hàng trong bảng

Quảng cáo

Ví dụ sau minh họa cách sử dụng của thuộc tính visibility trong CSS:

<html>
   <head>
   </head>
   <body>
      <p>
      Doan van nay la nhin thay nhu binh thuong.
      </p>
   
      <p style="visibility:hidden;">
      Doan van nay la khong nhin thay (bi an di).
      </p>
   </body>
</html>

Quảng cáo

Kết quả là:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com: