Thuộc tính visibility CSS

Định nghĩa và cách sử dụng

Thuộc tính visibility xác định yếu tố có hiển thị hay không.

Lưu ý:Ngay cả khi yếu tố không thể nhìn thấy, nó vẫn chiếm không gian trên trang. Hãy sử dụng thuộc tính "display" để tạo yếu tố không chiếm không gian trang.

Giải thích

Thuộc tính này xác định liệu một yếu tố tạo ra khung元素 có được hiển thị hay không. Điều này có nghĩa là yếu tố vẫn chiếm không gian ban đầu của nó, nhưng có thể không thể nhìn thấy hoàn toàn. Giá trị collapse trong bảng được sử dụng để xóa cột hoặc hàng khỏi bố cục bảng.

Xem thêm:

Hướng dẫn CSS:Định vị CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính visibility

Ví dụ

Làm cho yếu tố h2 không thể nhìn thấy:

h2
  {
  visibility:hidden;
  }

Thử ngay

Ngữ pháp CSS

visibility: visible|hidden|collapse|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
visible Giá trị mặc định. Yếu tố là hiển thị.
hidden Yếu tố không thể nhìn thấy.
collapse Khi sử dụng trong yếu tố bảng, giá trị này có thể xóa một hàng hoặc một cột, nhưng nó sẽ không ảnh hưởng đến bố cục của bảng. Khoảng trống được chiếm bởi hàng hoặc cột sẽ để lại cho nội dung khác sử dụng. Nếu giá trị này được sử dụng trên yếu tố khác, nó sẽ hiển thị như "hidden".
inherit Định nghĩa rằng giá trị visibility của yếu tố con nên thừa kế từ yếu tố cha.

Chi tiết kỹ thuật

Giá trị mặc định: visible
Thừa kế: yes
Phiên bản: CSS2
Ngữ pháp JavaScript: object.style.visibility="hidden"

TIY ví dụ

Cách để làm cho yếu tố không thể nhìn thấy
Ví dụ này minh họa cách để làm cho yếu tố không thể nhìn thấy. Bạn có muốn yếu tố được hiển thị hay không?
Đặt yếu tố bảng thành collapse
Ví dụ này minh họa cách để làm cho yếu tố bảng叠加?

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0