Thuộc tính visibility trong CSS
Thuộc tính visibility xác định thành phần có được nhìn thấy hay không.
Cấu trúc
tag {
visibility: giá trị;
}Với giá trị như sau:
| Thuộc tính | giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| visibility | collapse | visibility: collapse; | Làm "sụp đổ" các hàng và cột của thành phần table, giá trị này chỉ sử dụng cho thành phần table. |
| hidden | visibility: hidden; | Thành phần sẽ không được nhìn thấy. | |
| visible | visibility: visible; | Hiển thị thành phần, đây là dạng mặc định. | |
| inherit | visibility: inherit; | Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). |
Ví dụ
HTML viết:
HỌC TV
Hóa Học
HTML
CSS
Hiển thị trình duyệt khi chưa có CSS:
HỌC TV
Hóa Học
HTML
CSS
CSS viết:
p.visibility {
visibility: hidden;
}Hiển thị trình duyệt khi có CSS:
HỌC TV
HTML
CSS
Trình duyệt hỗ trợ
Thuộc tính visibility được hỗ trợ trong đa số các trình duyệt. Giá trị "inherit" và "collapse" không được hỗ trợ trong các trình duyệt trình duyệt Internet Explorer 8 trở xuống.
