Thuộc tính border-collapse CSS

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

border-collapse 属性 thiết lập viền bảng có được kết hợp thành một viền duy nhất hay được hiển thị riêng rẽ như trong HTML tiêu chuẩn.

Xem thêm:

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

Hướng dẫn HTML DOM:borderCollapse 属性

Ví dụ

Đặt mô hình kết hợp viền cho bảng:

table
  {
  border-collapse:collapse;
  }

Thử ngay

Ngữ pháp CSS

border-collapse: separate|collapse|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
separate Giá trị mặc định. Các viền sẽ được chia riêng. Các thuộc tính border-spacing và empty-cells sẽ không bị bỏ qua.
collapse Nếu có thể, các viền sẽ được kết hợp thành một viền duy nhất. Các thuộc tính border-spacing và empty-cells sẽ bị bỏ qua.
inherit Định nghĩa rằng giá trị của thuộc tính border-collapse nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

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

Các ví dụ khác

Kết hợp viền bảng
Ví dụ này minh họa xem có hiển thị viền bảng là một viền riêng biệt hay chia riêng như trong HTML tiêu chuẩn.

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ợ hoàn toàn thuộc tính này.

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