Thuộc tính visibility cho phép bạn ẩn một phần tử khỏi khung nhìn. Bạn có thể dùng thuộc tính này cùng với JavaScript để tạo menu phức tạp và bố cục trang web phức tạp.
Thuộc tính visibility có thể nhận các giá trị sau:
| Giá trị | Mô tả |
|---|---|
| visible | Hộp và nội dung của nó được hiển thị cho người dùng. |
| hidden | Hộp và nội dung bị ẩn, tuy nhiên chúng vẫn ảnh hưởng đến bố cục trang. |
| collapse | Chỉ dùng cho cột và hàng bảng động. |
Ví dụ
Thử chạy mã sau để học cách làm việc với giá trị visible và hidden:
<html>
<head>
<style>
p {
visibility: hidden;
}
</style>
</head>
<body>
<p style="visibility:visible;">
Đoạn văn này hiển thị.
</p>
<p>
Đoạn văn này sẽ không hiển thị.
</p>
</body>
</html>