Thuộc tính border-collapse chỉ định xem trình duyệt có kiểm soát giao diện của các viền liền kề chạm nhau hay mỗi ô duy trì kiểu riêng.
Ví dụ
Bạn có thể chạy mã sau để tìm hiểu cách làm việc với thuộc tính border-collapse:
<html> <head> <style> table.one { border-collapse:collapse; } table.two { border-collapse:separate; } td.a { border-style:dotted; border-width:2px; border-color:#000000; padding: 20px; } td.b { border-style:solid; border-width:2px; border-color:#333333; padding:20px; } </style> </head> <body> <table class = "one"> <caption>Border Collapse</caption> <tr><td class = "a"> Ấn Độ</td></tr> <tr><td class = "b"> Úc</td></tr> </table> <br /> <table class = "two"> <caption>Border Separate</caption> <tr><td class = "a"> Ấn Độ</td></tr> <tr><td class = "b"> Úc</td></tr> </table> </body> </html>