Thuộc tính empty-cells của CSS

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

Thuộc tính empty-cells thiết lập việc hiển thị các ô trống trong bảng (chỉ áp dụng cho chế độ "bORDER-COLLAPSE:SEPARATE").

Ghi chú:Một số phiên bản trình duyệt IE không hỗ trợ thuộc tính này.

Giải thích

Thuộc tính này xác định cách biểu thị các ô biểu đồ không chứa nội dung. Nếu hiển thị, sẽ vẽ viền và nền của ô. Trừ khi border-collapse được thiết lập thành separate, thuộc tính này sẽ bị bỏ qua.

Xem thêm:

Hướng dẫn CSS:Bảng CSS

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

Mô hình

Giấu viền và nền của các ô trống trong bảng:

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

Thử ngay

Ngữ pháp CSS

empty-cells: show|hide|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
hide Không vẽ viền xung quanh các ô trống.
show Vẽ viền xung quanh các ô trống. Mặc định.
inherit Quy định giá trị thuộc tính empty-cells nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: show
Kế thừa: yes
Phiên bản: CSS2
Ngữ pháp JavaScript: object.style.emptyCells="hide"

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

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

Ghi chú:Nếu đã quy định !DOCTYPE, thì Internet Explorer 8 (và các phiên bản cao hơn) hỗ trợ thuộc tính empty-cells.