Thuộc tính border-collapse CSS
- trang trước border-bottom-width
- Trang tiếp theo border-color
Đị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 属性
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 |
- trang trước border-bottom-width
- Trang tiếp theo border-color