Đường viền phong cách
Thí dụ
Thu gọn đường viền bảng:
document.getElementById("myTable").style.borderCollapse = "collapse";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính borderCollapse đặt hoặc trả về việc có nên thu gọn đường viền bảng thành một đường viền duy nhất hay không.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Cú pháp
Trả lại đường viền
object.style.borderCollapse
Đặt thuộc tính borderCollapse:
object.style.borderCollapse = "separate|collapse|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
separate | Separate borders are drawn for all table cell elements. This is default |
collapse | Borders are not drawn between table cell elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | riêng rẽ |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho các đường viền của bảng |
Phiên bản CSS | CSS2 |
Các ví dụ khác
Thí dụ
Trả lại đường viền
alert(document.getElementById("myTable").style.borderCollapse);
Các trang liên quan
Hướng dẫn CSS: Bảng CSS
Tham chiếu CSS: thuộc tính border-sập