Thuộc tính có tên 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.
Khả năng hiển thị thuộc tính có thể nhận các giá trị được liệt kê trong bảng sau
| Giá trị | Mô tả |
|---|---|
| hiển thị | Hộp và nội dung của nó được hiển thị cho người dùng. |
| ẩn | Hộp và nội dung của hộp được ẩn đi, mặc dù chúng vẫn ảnh hưởng đến bố cục của trang. |
| thu gọn | Điều này chỉ được sử dụng với các cột và hiệu ứng hàng của bảng động. |
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với tính năng hiển thị và ẩn giá trị
<html>
<head>
<style>
p {
visibility: hidden;
}
</style>
</head>
<body>
<p style = "visibility:visible;">
This paragraph is visible.
</p>
<p>
This paragraph won't be visible.
</p>
</body>
</html>