Thuộc tính khoảng cách đường viền CSS
Ví dụ
Đặt khoảng cách đường viền cho bảng:
#table1 {
border-collapse: separate;
border-spacing: 15px;
}
#table2 {
border-collapse: separate;
border-spacing: 15px 50px;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính border-spacing
thiết lập khoảng cách giữa các đường viền của các ô liền kề.
Lưu ý: Thuộc tính này chỉ hoạt động khi thu gọn đường viền riêng biệt.
Giá trị mặc định: | 2px |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | đối tượng .style.borderSpacing="15px" Hãy dùng thử |
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 | |||||
---|---|---|---|---|---|
border-spacing | 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
Cú pháp CSS
border-spacing: length |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length length | Specifies the distance between the borders of adjacent cells in px, cm, etc. Negative values are not allowed.
|
Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Bảng CSS
Tham chiếu DOM HTML: thuộc tính borderSpacing