Thuộc tính CSS
border-spacing =3 đặt khoảng cách giữa các đường viền của các ô liền kề trong một
{1,2}
border-spacing =4. Thuộc tính này chỉ áp dụng khi
{1,2}
border-spacing =5 là
{1,2}
border-spacing =6
{1,2}
Giá trị
border-spacing =3 cũng được sử dụng dọc theo cạnh bên ngoài của bảng, trong đó khoảng cách giữa đường viền của bảng và các ô trong cột hoặc hàng đầu tiên/cuối cùng là tổng của
{1,2}
border-spacing =3 có liên quan [ngang hoặc dọc] và có liên quan [trên cùng,
{1,2}
Ghi chú. Thuộc tính
border-spacing =3 tương đương với thuộc tính
{1,2}
border-spacing =2 không dùng nữa của phần tử
{1,2}
border-spacing =4, ngoại trừ việc
{1,2}
border-spacing =3 có giá trị thứ hai tùy chọn có thể được sử dụng để đặt khoảng cách ngang và dọc khác nhau
{1,2}
/* */
border-spacing: 2px;
/* horizontal | vertical */
border-spacing: 1cm 2em;
/* Global values */
border-spacing: inherit;
border-spacing: initial;
border-spacing: revert;
border-spacing: revert-layer;
border-spacing: unset;
Thuộc tính
border-spacing =3 có thể được chỉ định là một hoặc hai giá trị
{1,2}
- Khi một giá trị
border-spacing =
6 được chỉ định, nó xác định cả khoảng cách ngang và dọc giữa các ô
{1,2} - Khi hai giá trị
border-spacing =
6 được chỉ định, giá trị đầu tiên xác định khoảng cách ngang giữa các ô [i. e. , khoảng cách giữa các ô trong các cột liền kề] và giá trị thứ hai xác định khoảng cách dọc giữa các ô [i. e. , khoảng cách giữa các ô trong các hàng liền kề]
{1,2}
border-spacing =6
{1,2}
Kích thước của khoảng cách dưới dạng giá trị cố định
Giá trị ban đầu
border-spacing =9Áp dụng cho các phần tử
{1,2}
1
2
3
4
5
6
7
8
9
0 và
1
2
3
4
5
6
7
8
9
1Kế thừaYesGiá trị được tính toánhai độ dài tuyệt đốiLoại hoạt hìnhrời rạcborder-spacing =
{1,2}
Ví dụ này áp dụng khoảng cách
1
2
3
4
5
6
7
8
9
2 theo chiều dọc và
1
2
3
4
5
6
7
8
9
3 theo chiều ngang giữa các ô của bảng. Lưu ý cách, dọc theo các cạnh bên ngoài của nó, các giá trị border-spacing =0 của bảng được thêm vào các giá trị
{1,2}
border-spacing =3 của nó
{1,2}