Trong bài này, chúng ta sẽ hiểu sự khác biệt giữa cellpadding (đệm ô) và cellspacing (khoảng cách ô).
Cellpadding
- Liên quan đến một ô đơn lẻ.
- Giúp kiểm soát khoảng trắng giữa viền ô và nội dung bên trong ô.
- Giá trị mặc định là 1.
- Được dùng như một phương pháp hiệu quả.
- Tạo bằng thẻ HTML
<table>. - Thuộc tính đặt là
cellpadding.
Ví dụ
<table cellpadding="value">.....</table>
Cellspacing
- Liên quan đến nhiều ô (khoảng cách giữa các ô).
- Giúp thiết lập khoảng cách giữa các ô đơn lẻ.
- Kém hiệu quả hơn cellpadding (về mặt kiểm soát layout).
- Giá trị mặc định là 2.
- Tạo bằng thẻ HTML
<table>. - Thuộc tính đặt là
cellspacing.
Ví dụ
<table cellspacing="value">.....</table>
Kết quả minh họa
Lưu ý hiện đại: Trong HTML5, cả hai thuộc tính cellpadding và cellspacing đã bị deprecated (không khuyến khích). Nên dùng CSS: td { padding: 10px; } thay cho cellpadding, và table { border-collapse: collapse; } hoặc table { border-spacing: 10px; } thay cho cellspacing.