Thuộc tính visibility trong CSS
Thuộc tính visibility trong CSS 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ị | Mô 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 |
Ví dụ thuộc tính visibility trong CSS
Ví dụ sau minh họa cách sử dụng của thuộc tính visibility trong CSS:
<html> <head> <meta charset="UTF-8"> </head> <body> <p> Đoạn văn này được hiển thị bình thường. </p> <p style="visibility:hidden;"> Đoạn văn này bị ẩn. </p> </body> </html>
Kết quả: