Thuộc tính border-spacing trong CSS

Trang trước
Trang sau  

Thuộc tính border-spacing trong CSS thiết lập khoảng cách giữa các ô trong một bảng, giả sử là bảng được hiển thị theo Model là các đường viền là riêng rẽ nhau.

Thuộc tính border-spacing có thể nhận giá trị:

  • length: bất kỳ đơn vị độ dài. Nếu bạn khai báo hai giá trị, thì giá trị đầu tiên áp dụng cho khoảng cách theo trục ngang và giá trị còn lại được áp dụng cho trục dọc.

Thuộc tính border-spacing có thể áp dụng cho:

Các phần tử hiển thị trong một bảng.

Cú pháp thuộc tính border-spacing trong DOM

object.style.borderSpacing = "2px";
Quảng cáo

Ví dụ thuộc tính border-spacing trong CSS

Ví dụ sau minh họa cách sử dụng thuộc tính border-spacing trong CSS.

GHI CHÚ: thuộc tính này không làm việc trong IE6 và NS 7.

<html>
   <head>
   
      <style type="text/css">
         table.one {
            border-collapse:separate;
            width:400px;
            border-spacing:10px;
         }
         table.two {
            border-collapse:separate;
            width:400px;
            border-spacing:10px 50px;
         }
      </style>
      
   </head>
   <body>
   
      <table class="one" border="1">
         <caption>Vi du gia tri separate va thuoc tinh border-spacing</caption>
         <tr><td> Cell A </td></tr>
         <tr><td> Cell B </td></tr>
      </table>
      <br />
      
      <table class="two" border="1">
         <caption>Vi du gia tri separate va thuoc tinh border-spacing</caption>
         <tr><td> Cell A </td></tr>
         <tr><td> Cell B </td></tr>
      </table>
      
   </body>
</html>

Kết quả là:

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
Bài viết liên quan