Thuộc tính border-spacing CSS

Đị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 viền của các ô cạnh nhau (chỉ áp dụng cho chế độ “tách biệt”)

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 khoảng cách giữa các cạnh của các ô trong mô hình phân tách viền. Trong hai giá trị độ dài được chỉ định, giá trị đầu tiên là khoảng cách ngang, giá trị thứ hai là khoảng cách dọc. Trừ khi border-collapse được thiết lập thành separate, thì thuộc tính này sẽ bị bỏ qua. Mặc dù thuộc tính này chỉ áp dụng cho bảng,但它 có thể được kế thừa bởi tất cả các phần tử trong bảng.

Xin xem thêm:

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

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

ví dụ

thiết lập border-spacing cho bảng:

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

thử ngay

cú pháp CSS

border-spacing: length|initial|inherit;

giá trị thuộc tính

giá trị mô tả
length length

qui định khoảng cách giữa các viền của các ô cạnh nhau. Sử dụng các đơn vị như px, cm v.v. Không được phép sử dụng giá trị âm.

nếu định nghĩa một length tham số, thì tham số đó thiết lập khoảng cách ngang và dọc.

nếu định nghĩa hai length tham số, thì tham số đầu tiên thiết lập khoảng cách ngang, còn tham số thứ hai thiết lập khoảng cách dọc.
inherit qui định nên kế thừa giá trị của thuộc tính border-spacing từ phần tử cha.

chi tiết kỹ thuật

giá trị mặc định: không xác định
di truyền: yes
phiên bản: CSS2
cú pháp JavaScript: object.style.borderSpacing="15px"

thêm nhiều ví dụ

thiết lập khoảng cách trống giữa các viền của bảng
ví dụ này trình bày cách thiết lập khoảng cách giữa các viền của ô.

hỗ trợ trình duyệt

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